import { OptionalThemeProps, ThemeProviderComponent } from "emotion-theming";
import React, { ComponentType } from "react";
import { CreateStyled } from "react-emotion";
import sharedTheme from "./themes/shared";
export declare type Theme = typeof sharedTheme;
export declare type ThemeModule = IEmotionThemingModule<Theme>;
export declare const styled: CreateStyled<{
    colors: {
        brand01: string;
        brand02: string;
        brand03: string;
        ui01: string;
        ui02: string;
        ui03: string;
        ui04: string;
        ui05: string;
        text01: string;
        text02: string;
        text03: string;
        inverse01: string;
        field01: string;
        support01: string;
        support02: string;
        support03: string;
        support04: string;
        nav01: string;
        nav02: string;
    };
    color: {
        brand01: string;
        brand02: string;
        brand03: string;
        ui01: string;
        ui02: string;
        ui03: string;
        ui04: string;
        ui05: string;
        text01: string;
        text02: string;
        text03: string;
        inverse01: string;
        field01: string;
        support01: string;
        support02: string;
        support03: string;
        support04: string;
        nav01: string;
        nav02: string;
    };
    spacing: {
        spacing: {
            "3xs": string;
            xs3: string;
            "2xs": string;
            xs2: string;
            xs: string;
            sm: string;
            md: string;
            lg: string;
            xl: string;
            "2xl": string;
            xl2: string;
            "3xl": string;
            xl3: string;
        };
        layout: {
            "2xs": string;
            xs2: string;
            xs: string;
            sm: string;
            md: string;
            lg: string;
            xl: string;
            "2xl": string;
            xl2: string;
        };
    };
    layers: typeof import("../layout/layers").layers;
    fonts: {
        weights: {
            thin: number;
            regular: number;
            bold: number;
        };
        styles: {
            alpha: string;
            beta: string;
            gamma: string;
            delta: string;
            epsilon: string;
            body: string;
            specialtyBody: string;
            label: string;
            input: string;
            large: string;
            dataVizLabel: string;
        };
    };
    breakpoints: Required<import("../layout/mediaQueries").IBreakPointDescriptor<number>>;
}>;
interface IEmotionThemingModule<T> {
    ThemeProvider: ThemeProviderComponent<T>;
    withTheme<Props>(component: ComponentType<OptionalThemeProps<Props, T>>): ComponentType<Props>;
}
export declare const themeContext: React.Context<{
    colors: {
        brand01: string;
        brand02: string;
        brand03: string;
        ui01: string;
        ui02: string;
        ui03: string;
        ui04: string;
        ui05: string;
        text01: string;
        text02: string;
        text03: string;
        inverse01: string;
        field01: string;
        support01: string;
        support02: string;
        support03: string;
        support04: string;
        nav01: string;
        nav02: string;
    };
    color: {
        brand01: string;
        brand02: string;
        brand03: string;
        ui01: string;
        ui02: string;
        ui03: string;
        ui04: string;
        ui05: string;
        text01: string;
        text02: string;
        text03: string;
        inverse01: string;
        field01: string;
        support01: string;
        support02: string;
        support03: string;
        support04: string;
        nav01: string;
        nav02: string;
    };
    spacing: {
        spacing: {
            "3xs": string;
            xs3: string;
            "2xs": string;
            xs2: string;
            xs: string;
            sm: string;
            md: string;
            lg: string;
            xl: string;
            "2xl": string;
            xl2: string;
            "3xl": string;
            xl3: string;
        };
        layout: {
            "2xs": string;
            xs2: string;
            xs: string;
            sm: string;
            md: string;
            lg: string;
            xl: string;
            "2xl": string;
            xl2: string;
        };
    };
    layers: typeof import("../layout/layers").layers;
    fonts: {
        weights: {
            thin: number;
            regular: number;
            bold: number;
        };
        styles: {
            alpha: string;
            beta: string;
            gamma: string;
            delta: string;
            epsilon: string;
            body: string;
            specialtyBody: string;
            label: string;
            input: string;
            large: string;
            dataVizLabel: string;
        };
    };
    breakpoints: Required<import("../layout/mediaQueries").IBreakPointDescriptor<number>>;
}>;
export declare const ThemeProvider: React.SFC<{
    theme: Theme;
}>;
export declare const withTheme: <Props>(component: React.ComponentType<OptionalThemeProps<Props, {
    colors: {
        brand01: string;
        brand02: string;
        brand03: string;
        ui01: string;
        ui02: string;
        ui03: string;
        ui04: string;
        ui05: string;
        text01: string;
        text02: string;
        text03: string;
        inverse01: string;
        field01: string;
        support01: string;
        support02: string;
        support03: string;
        support04: string;
        nav01: string;
        nav02: string;
    };
    color: {
        brand01: string;
        brand02: string;
        brand03: string;
        ui01: string;
        ui02: string;
        ui03: string;
        ui04: string;
        ui05: string;
        text01: string;
        text02: string;
        text03: string;
        inverse01: string;
        field01: string;
        support01: string;
        support02: string;
        support03: string;
        support04: string;
        nav01: string;
        nav02: string;
    };
    spacing: {
        spacing: {
            "3xs": string;
            xs3: string;
            "2xs": string;
            xs2: string;
            xs: string;
            sm: string;
            md: string;
            lg: string;
            xl: string;
            "2xl": string;
            xl2: string;
            "3xl": string;
            xl3: string;
        };
        layout: {
            "2xs": string;
            xs2: string;
            xs: string;
            sm: string;
            md: string;
            lg: string;
            xl: string;
            "2xl": string;
            xl2: string;
        };
    };
    layers: typeof import("../layout/layers").layers;
    fonts: {
        weights: {
            thin: number;
            regular: number;
            bold: number;
        };
        styles: {
            alpha: string;
            beta: string;
            gamma: string;
            delta: string;
            epsilon: string;
            body: string;
            specialtyBody: string;
            label: string;
            input: string;
            large: string;
            dataVizLabel: string;
        };
    };
    breakpoints: Required<import("../layout/mediaQueries").IBreakPointDescriptor<number>>;
}>>) => React.ComponentType<Props>;
export {};