import { ReactNode, ComponentType, Dispatch, SetStateAction } from 'react';
declare const baseTheme: {
    fonts: {};
    space: number[];
    colors: {
        black: string;
        white: string;
    };
    fontSizes: number[];
    textStyles: {};
    breakpoints: string[];
    lineHeights: {};
    colorSchemes: {};
};
declare type Theme = {
    [key: string]: any;
};
export declare type ColorMode = 'day' | 'night';
declare type ColorModeWithAuto = ColorMode | 'auto';
export declare const useTheme: () => {
    theme?: Theme | undefined;
    colorScheme?: string | undefined;
    colorMode?: ColorModeWithAuto | undefined;
    resolvedColorMode?: ColorMode | undefined;
    resolvedColorScheme?: string | undefined;
    dayScheme?: string | undefined;
    nightScheme?: string | undefined;
    setColorMode: Dispatch<SetStateAction<ColorModeWithAuto>>;
    setDayScheme: Dispatch<SetStateAction<string>>;
    setNightScheme: Dispatch<SetStateAction<string>>;
};
export declare const useDesign: (name: string) => any;
export declare function withStyles<T>(Component: ComponentType<T>, styles: any): ComponentType<T>;
export declare function withDesign<T>(Component: ComponentType<T>): ComponentType<T>;
declare const ComponentLibThemeProvider: ({ design, breakpoint, children, ...props }: {
    design: {
        [key: string]: any;
    };
    theme: typeof baseTheme;
    colorMode?: ColorMode | undefined;
    dayScheme?: string | undefined;
    nightScheme?: string | undefined;
    breakpoint?: number | undefined;
    children: ReactNode;
}) => JSX.Element;
export default ComponentLibThemeProvider;