import { useContext } from "react";

import { useStore } from "zustand";

import { StoreContext } from "../providers/store-provider";
import type { UserStore } from "../store/user-store";

export const useUserStore = <T>(selector: (store: UserStore) => T): T => {
    const storeContext = useContext(StoreContext);

    if (!storeContext) {
        throw new Error("useUserStore must be used within StoreProvider");
    }

    return useStore(storeContext.userStore, selector);
};