import { useContext } from 'react';

import { ThemeContext } from '@/components/theme/theme-provider';
import type {
    ResolvedTheme,
    ThemePreference,
} from '@/components/theme/theme-provider';

export function useTheme() {
    const context = useContext(ThemeContext);

    if (!context) {
        throw new Error('useTheme must be used within a ThemeProvider.');
    }

    return context;
}

export type { ResolvedTheme, ThemePreference };