import React from 'react';
export declare const Themes: {
    light: {
        color: {
            tableRowColor0: string;
            tableRowColor1: string;
            primaryTextColor: string;
            textColor0: string;
            textColor1: string;
            textColor2: string;
            buttonTextColor: string;
            buttonColor: string;
            buttonGroupColor: string;
            borderColor: string;
            focusBorderColor: string;
            bgColor: string;
            bgColor1: string;
            activeBgColor: string;
            blurBgColor: string;
            primary: string;
        };
        borderRadius: {
            sm: string;
            md: string;
            lg: string;
            xl: string;
        };
        border: {
            borderRight: undefined;
        };
        shadow: {
            outline: undefined;
            border: undefined;
            sm: string;
            md: string;
            lg: string;
            xl: string;
            primary: () => string;
        };
    };
    dark: {
        color: {
            tableRowColor0: string;
            tableRowColor1: string;
            primaryTextColor: string;
            textColor0: string;
            textColor1: string;
            textColor2: string;
            buttonTextColor: string;
            buttonColor: string;
            buttonGroupColor: string;
            borderColor: string;
            focusBorderColor: string;
            bgColor: string;
            bgColor1: string;
            activeBgColor: string;
            blurBgColor: string;
            primary: string;
        };
        border: {
            borderRight: string;
        };
        borderRadius: {
            sm: string;
            md: string;
            lg: string;
            xl: string;
        };
        shadow: {
            sm: string;
            md: string;
            lg: string;
            xl: string;
            primary: () => string;
            outline: string;
            border: string;
        };
    };
};
export declare type Theme = typeof Themes['light'];
export declare type ThemeTypes = keyof typeof Themes;
export declare type ThemeContextValue = {
    type: ThemeTypes;
    handleChangeTheme: any;
    theme: Theme;
};
export declare const GranenThemeContext: React.Context<Pick<ThemeContextValue, "type" | "handleChangeTheme">>;
export declare const useTheme: () => {
    theme: {
        color: {
            tableRowColor0: string;
            tableRowColor1: string;
            primaryTextColor: string;
            textColor0: string;
            textColor1: string;
            textColor2: string;
            buttonTextColor: string;
            buttonColor: string;
            buttonGroupColor: string;
            borderColor: string;
            focusBorderColor: string;
            bgColor: string;
            bgColor1: string;
            activeBgColor: string;
            blurBgColor: string;
            primary: string;
        };
        borderRadius: {
            sm: string;
            md: string;
            lg: string;
            xl: string;
        };
        border: {
            borderRight: undefined;
        };
        shadow: {
            outline: undefined;
            border: undefined;
            sm: string;
            md: string;
            lg: string;
            xl: string;
            primary: () => string;
        };
    };
    type: "light" | "dark";
    handleChangeTheme: any;
};
declare type GranenThemeProviderProps = {
    children?: React.ReactNode;
    defaultThemeType?: ThemeTypes;
};
export declare const GranenThemeProvider: ({ defaultThemeType, ...props }: GranenThemeProviderProps) => JSX.Element;
export {};