import * as CSS from "csstype";
import React from "react";
import { DefaultTheme } from "styled-components/native";
import { ObjectOrArray, Theme, ThemeBorders, ThemeBorderStyles, ThemeBorderWidths, ThemeBreakpoints, ThemeColors, ThemeFontFamilies, ThemeFontSizes, ThemeFontWeights, ThemeLetterSpacings, ThemeLineHeights, ThemeRadii, ThemeShadows, ThemeSizes, ThemeSpaces, ThemeZIndices } from "styled-system";
import { ButtonTheme } from "../atoms/Button/Button.theme";
import { TextTheme } from "../atoms/Text/Text.theme";
import { TextInputTheme } from "../atoms/TextInput/TextInput.theme";
import { MediaQueries } from "./styleguide/breakpoints";
export * from "./styleguide/breakpoints";
export { darkTheme as default, lightTheme };
export declare type PropsWithVariant<T> = {
    variant?: T;
};
export declare type CursorProps = {
    cursor?: CSS.Property.Cursor;
};
export declare const buildObjectOrArray: (obj: any) => any;
export declare const buildMediaQueries: (breakpoints: ThemeBreakpoints) => MediaQueries;
export interface CustomComponentsTheme {
    button: ButtonTheme;
    text: TextTheme;
    textInput: TextInputTheme;
}
export declare type VariantProps<Props> = Props & {
    [key in CSS.Pseudos]?: Props;
};
declare module "styled-components" {
    interface DefaultTheme extends Theme, CustomComponentsTheme {
        name: string;
        space: ObjectOrArray<CSS.Property.Margin<number | string>, keyof ThemeSpaces> | Partial<ThemeSpaces>;
        fontSizes: ObjectOrArray<CSS.Property.FontSize<number>, keyof ThemeFontSizes> | Partial<ThemeFontSizes>;
        colors: ObjectOrArray<CSS.Property.Color, keyof ThemeColors> | Partial<ThemeColors>;
        fonts: ObjectOrArray<CSS.Property.FontFamily, keyof ThemeFontFamilies> | Partial<ThemeFontFamilies>;
        fontWeights: ObjectOrArray<CSS.Property.FontWeight, keyof ThemeFontWeights> | Partial<ThemeFontWeights>;
        lineHeights: ObjectOrArray<CSS.Property.LineHeight, keyof ThemeLineHeights> | Partial<ThemeLineHeights>;
        letterSpacings: ObjectOrArray<CSS.Property.LetterSpacing, keyof ThemeLetterSpacings> | Partial<ThemeLetterSpacings>;
        sizes: Partial<ObjectOrArray<CSS.Property.Height<number | string> | CSS.Property.Width<number | string>, keyof ThemeSizes>> | Partial<ThemeSizes>;
        borders: ObjectOrArray<CSS.Property.Border, keyof ThemeBorders> | Partial<ThemeBorders>;
        borderWidths: ObjectOrArray<CSS.Property.BorderWidth, keyof ThemeBorderWidths> | Partial<ThemeBorderWidths>;
        borderStyles: ObjectOrArray<CSS.Property.Border, keyof ThemeBorderStyles> | Partial<ThemeBorderStyles>;
        radii: ObjectOrArray<CSS.Property.BorderRadius, keyof ThemeRadii> | Partial<ThemeRadii>;
        shadows: ObjectOrArray<CSS.Property.BoxShadow, keyof ThemeShadows> | Partial<ThemeShadows>;
        zIndices: ObjectOrArray<CSS.Property.ZIndex, keyof ThemeZIndices> | Partial<ThemeZIndices>;
        breakpoints: ObjectOrArray<string, keyof ThemeBreakpoints> | Partial<ThemeBreakpoints>;
        mediaQueries: MediaQueries;
        disableStyledSystemCache?: boolean;
    }
}
export declare const baseTheme: DefaultTheme;
export interface CustomTheme extends DefaultTheme {
}
declare type DeepPartial<T> = {
    [P in keyof T]?: DeepPartial<T[P]>;
};
export declare const customTheme: DeepPartial<DefaultTheme>;
declare const lightTheme: DefaultTheme;
declare const darkTheme: DefaultTheme;
interface ThemeProviderPropsProps {
    children: React.ReactNode;
    theme?: Partial<DefaultTheme>;
}
export declare const ThemeProvider: React.FC<ThemeProviderPropsProps>;