import { ThemeProps as SCThemeProps } from 'styled-components';
export type ThemePropsVars = {
    variables: {
        [key: string]: string;
    };
    palette: {
        [key: string]: string;
    };
    variable: (name: string) => string | null;
    space: number[];
    colorsOrder: string[];
    breakpoints: string[];
};
export type ThemeProps = SCThemeProps<ThemePropsVars>;
export type WithTheme = SCThemeProps<ThemePropsVars>;
export declare const useTheme: () => ThemePropsVars;
export declare const defaultColorsOrder: readonly ["blue-600", "green-600", "yellow-600", "purple-600", "cyan-600", "orange-600", "violet-600", "blue-700", "green-700", "yellow-700", "purple-700", "cyan-700", "orange-700", "violet-700", "blue-500", "green-500", "yellow-500", "purple-500", "cyan-500", "orange-500", "violet-500"];
export type DefaultColor = (typeof defaultColorsOrder)[number];
export declare const theme: ThemePropsVars;
export declare const themeVariables: Record<string, string>;
export default theme;