Connection.Provider

"use client"
import { Connection } from "@runmorph/atoms";

function App({ sessionToken }) {
    return (
        <Connection.Provider sessionToken={sessionToken}>
            <YourConnectionComponents />
        </Connection.Provider>
    );
}

export default App;

"use client"
import { Connection } from "@runmorph/atoms";

function AppWithTranslations({ sessionToken }) {
    const translations = {
        'connect.status.loading': 'Connecting...',
        'connect.status.authorized': 'Connected',
        'connect.actions.connect': 'Connect',
        'connect.actions.reauthorize': 'Reconnect'
    };

    const t = (key: string) => translations[key] || key;

    return (
        <Connection.Provider
            sessionToken={sessionToken}
            t={t}
        >
            <YourConnectionComponents />
        </Connection.Provider>
    );
}

export default AppWithTranslations;