/// <reference types="react" />
import { theme as client } from '@latitude-data/client';
declare const themes: Record<string, {
    background: string;
    foreground: string;
    card: string;
    'card-foreground': string;
    popover: string;
    'popover-foreground': string;
    primary: string;
    'primary-foreground': string;
    secondary: string;
    'secondary-foreground': string;
    muted: string;
    'muted-foreground': string;
    accent: string;
    'accent-foreground': string;
    destructive: string;
    'destructive-foreground': string;
    border: string;
    input: string;
    ring: string;
    radius: string;
} & {
    echarts: {
        [x: string]: unknown;
    };
} & {
    dark: {
        background: string;
        foreground: string;
        card: string;
        'card-foreground': string;
        popover: string;
        'popover-foreground': string;
        primary: string;
        'primary-foreground': string;
        secondary: string;
        'secondary-foreground': string;
        muted: string;
        'muted-foreground': string;
        accent: string;
        'accent-foreground': string;
        destructive: string;
        'destructive-foreground': string;
        border: string;
        input: string;
        ring: string;
        radius: string;
    } & {
        echarts: {
            [x: string]: unknown;
        };
    };
}>;
declare const defaultTheme: {
    background: string;
    foreground: string;
    card: string;
    'card-foreground': string;
    popover: string;
    'popover-foreground': string;
    primary: string;
    'primary-foreground': string;
    secondary: string;
    'secondary-foreground': string;
    muted: string;
    'muted-foreground': string;
    accent: string;
    'accent-foreground': string;
    destructive: string;
    'destructive-foreground': string;
    border: string;
    input: string;
    ring: string;
    radius: string;
} & {
    echarts: {
        [x: string]: unknown;
    };
} & {
    dark: {
        background: string;
        foreground: string;
        card: string;
        'card-foreground': string;
        popover: string;
        'popover-foreground': string;
        primary: string;
        'primary-foreground': string;
        secondary: string;
        'secondary-foreground': string;
        muted: string;
        'muted-foreground': string;
        accent: string;
        'accent-foreground': string;
        destructive: string;
        'destructive-foreground': string;
        border: string;
        input: string;
        ring: string;
        radius: string;
    } & {
        echarts: {
            [x: string]: unknown;
        };
    };
};
type Theme = client.skins.Theme;
type PartialTheme = client.skins.PartialTheme;
type ThemeMode = 'light' | 'dark';
declare const ThemeContext: import("react").Context<{
    theme: {
        background: string;
        foreground: string;
        card: string;
        'card-foreground': string;
        popover: string;
        'popover-foreground': string;
        primary: string;
        'primary-foreground': string;
        secondary: string;
        'secondary-foreground': string;
        muted: string;
        'muted-foreground': string;
        accent: string;
        'accent-foreground': string;
        destructive: string;
        'destructive-foreground': string;
        border: string;
        input: string;
        ring: string;
        radius: string;
    } & {
        echarts: {
            [x: string]: unknown;
        };
    } & {
        dark: {
            background: string;
            foreground: string;
            card: string;
            'card-foreground': string;
            popover: string;
            'popover-foreground': string;
            primary: string;
            'primary-foreground': string;
            secondary: string;
            'secondary-foreground': string;
            muted: string;
            'muted-foreground': string;
            accent: string;
            'accent-foreground': string;
            destructive: string;
            'destructive-foreground': string;
            border: string;
            input: string;
            ring: string;
            radius: string;
        } & {
            echarts: {
                [x: string]: unknown;
            };
        };
    };
    setTheme: (_: Theme) => void;
    mode: ThemeMode;
}>;
declare const useLatitudeTheme: () => {
    theme: {
        background: string;
        foreground: string;
        card: string;
        'card-foreground': string;
        popover: string;
        'popover-foreground': string;
        primary: string;
        'primary-foreground': string;
        secondary: string;
        'secondary-foreground': string;
        muted: string;
        'muted-foreground': string;
        accent: string;
        'accent-foreground': string;
        destructive: string;
        'destructive-foreground': string;
        border: string;
        input: string;
        ring: string;
        radius: string;
    } & {
        echarts: {
            [x: string]: unknown;
        };
    } & {
        dark: {
            background: string;
            foreground: string;
            card: string;
            'card-foreground': string;
            popover: string;
            'popover-foreground': string;
            primary: string;
            'primary-foreground': string;
            secondary: string;
            'secondary-foreground': string;
            muted: string;
            'muted-foreground': string;
            accent: string;
            'accent-foreground': string;
            destructive: string;
            'destructive-foreground': string;
            border: string;
            input: string;
            ring: string;
            radius: string;
        } & {
            echarts: {
                [x: string]: unknown;
            };
        };
    };
    setTheme: (_: Theme) => void;
    mode: ThemeMode;
};
export { themes, defaultTheme, ThemeContext, useLatitudeTheme, type PartialTheme as Theme, };
//# sourceMappingURL=useTheme.d.ts.map