import { useEffect, useState } from 'react';
import type SchibstedAccount from './schibstedAccount.js';

function useSchibstedAccountUser(schibstedAccountInstance: SchibstedAccount) {
    const [user, setUser] = useState(schibstedAccountInstance.user);

    useEffect(() => {
        const listener = (e: Event) => {
            setUser((e as CustomEvent).detail);
        };

        schibstedAccountInstance.eventTarget.addEventListener('user', listener);

        return () => {
            schibstedAccountInstance.eventTarget.removeEventListener('user', listener);
        };
    }, [schibstedAccountInstance]);

    return user;
}

export default useSchibstedAccountUser;