"use client";

import React, { createContext, useContext } from 'react';
import { useSettingsCore } from '@/hooks/use-settings';
import { useAuth } from './auth-context'; // Correctly depend on AuthContext

type SettingsContextType = ReturnType<typeof useSettingsCore>;

const SettingsContext = createContext<SettingsContextType | null>(null);

export const useSettings = () => {
    const context = useContext(SettingsContext);
    if (!context) {
        throw new Error('useSettings must be used within a SettingsProvider');
    }
    return context;
};

export const SettingsProvider = ({ children }: { children: React.ReactNode }) => {
    const { currentUser } = useAuth(); // Get currentUser from AuthProvider
    const settingsData = useSettingsCore({ currentUser });
    
    return (
        <SettingsContext.Provider value={settingsData}>
            {children}
        </SettingsContext.Provider>
    );
};