import { type ReactNode } from 'react';
import { type LumenTheme } from './defaultTheme';
export declare function mergeTheme(base: LumenTheme, patch?: Partial<LumenTheme>): LumenTheme;
export declare function ThemeProvider({ baseTheme, theme, children, }: {
    /** Defaults to **`defaultTheme`**. Merge dark/light base here before **`theme`** patches. */
    baseTheme?: LumenTheme;
    theme?: Partial<LumenTheme>;
    children: ReactNode;
}): import("react/jsx-runtime").JSX.Element;
export declare function useTheme(): {
    fontFamily: string;
    fontSize: {
        cell: string;
        header: string;
        small: string;
    };
    fontWeight: {
        header: string;
        cell: string;
    };
    colors: {
        background: string;
        headerBg: string;
        headerText: string;
        rowHover: string;
        rowAlt: string;
        aiHighlight: string;
        aiPending: string;
        border: string;
        divider: string;
        text: string;
        textSecondary: string;
        textMuted: string;
        accent: string;
        accentLight: string;
        sentimentPositive: string;
        sentimentNegative: string;
        sentimentNeutral: string;
        aiRowInsight: string;
        aiRowPending: string;
        nlFilterBg: string;
        nlFilterBorder: string;
        nlFilterFocus: string;
        tagBg: string;
        tagText: string;
        popoverBg: string;
        thumbnailErrorBg: string;
        tagHoverBg: string;
    };
    cell: {
        height: number;
        paddingX: number;
        paddingY: number;
    };
    header: {
        height: number;
    };
    border: string;
    borderRadius: string;
    shadow: string;
};
//# sourceMappingURL=ThemeProvider.d.ts.map