import { useState, useEffect } from 'react';
import { Store } from '../utils/store';

export function useStoreData() {
    const [data, setData] = useState(Store.get());

    useEffect(() => {
        const handleUpdate = () => {
            setData(Store.get());
        };

        window.addEventListener('store-updated', handleUpdate);
        return () => window.removeEventListener('store-updated', handleUpdate);
    }, []);

    return data;
}