/// <reference types="react" />
import { ThemeProvider } from 'emotion-theming';
declare const theme: {
    borders: {
        default: string;
    };
    buttons: {
        primary: {
            backgroundColor: string;
            color: string;
            fontFamily: string;
            border: string;
            borderColor: string;
            borderRadius: string;
            fontWeight: string;
            fontSize: number;
            transition: string;
            ':hover': {
                backgroundColor: string;
                borderColor: string;
            };
            pill: {
                fontSize: number;
                fontWeight: string;
                borderRadius: string;
                transition: string;
                ':hover': {
                    backgroundColor: string;
                    borderColor: string;
                };
            };
        };
        outline: {
            backgroundColor: string;
            borderRadius: string;
            fontSize: number;
            color: string;
            fontFamily: string;
            transition: string;
            border: string;
            fontWeight: string;
            ':hover': {
                borderColor: string;
                color: string;
            };
        };
    };
    colors: {
        black: string;
        white: string;
        primary: string;
        primaryDark: string;
        secondary: string;
        gray: string;
        grays: string[];
        blue: string;
        blues: string[];
        green: string;
        greens: string[];
        yellow: string;
        yellows: string[];
        orange: string;
        oranges: string[];
        red: string;
        reds: string[];
        purple: string;
        purples: string[];
        pink: string;
        pinks: string[];
    };
    radii: {
        default: number;
        circle: number;
    };
    shadows: {
        default: string;
        card: string;
        header: string;
    };
    space: number[];
    fonts: {
        heading: string;
        body: string;
    };
    fontSizes: number[];
    fontWeights: {
        body: number;
        heading: number;
        bold: number;
    };
    lineHeights: {
        body: number;
        heading: number;
    };
    text: {
        heading: {
            color: string;
            fontSize: number;
            marginBottom: number;
        };
        subtitle: {
            color: string;
            fontSize: number;
            marginBottom: number;
        };
        eyebrow: {
            textTransform: string;
            color: string;
            fontSize: number;
            marginBottom: number;
            letterSpacing: number;
            fontFamily: string;
        };
        display: {
            fontSize: number;
            lineHeight: string;
            fontFamily: string;
            color: string;
            marginBottom: number;
        };
        wordmark: {
            fontSize: number;
            fontWeight: string;
            fontFamily: string;
            color: string;
        };
    };
    variants: {
        card: {
            backgroundColor: string;
            boxShadow: string;
            borderRadius: string;
            padding: number;
        };
        link: {
            color: string;
            fontFamily: string;
            transition: string;
            ':hover': {
                color: string;
            };
        };
    };
};
declare function GlobalStyle(): JSX.Element;
export { theme, GlobalStyle, ThemeProvider };
//# sourceMappingURL=index.d.ts.map