import * as React from 'react';
import { Omit } from 'type-fest';
import { SpaceProps, FlexboxProps, ColorProps, LayoutProps, TypographyProps } from 'styled-system';
import { themeGet, flameTheme as ThemeUIFlame } from './theme-get';
import { theme as lightTheme } from './themes/oldskool';
import { theme as flameTheme } from './themes/flame';
declare type AsProps = {
    as?: string;
};
export declare type CirrusBoxProps = SpaceProps & LayoutProps & FlexboxProps & TypographyProps & Omit<ColorProps, 'color'> & // Fun clashing between native color prop & styled-system color prop
AsProps;
export declare const Box: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CirrusBoxProps, any>;
export declare type CirrusFlexProps = CirrusBoxProps & FlexboxProps;
export declare const Flex: import("@emotion/styled-base").StyledComponent<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & SpaceProps<string | number> & LayoutProps & FlexboxProps & TypographyProps & Pick<ColorProps, "bg" | "backgroundColor"> & AsProps & {
    theme?: any;
} & React.Attributes, CirrusBoxProps, any>;
export declare type CirrusThemeProps = {
    children: React.ReactNode;
    themeName?: string;
    themeOverrides?: any;
};
declare const CirrusTheme: React.FunctionComponent<CirrusThemeProps>;
declare const CirrusFonts: React.FunctionComponent;
declare const CirrusGlobalStyles: React.FunctionComponent<{
    themeName?: string;
}>;
export { lightTheme, flameTheme, CirrusFonts, CirrusTheme, CirrusGlobalStyles, themeGet, ThemeUIFlame, };