import * as React from 'react';
import { ReactElement } from 'react';
import { colors } from '../colors';
export declare const SubHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
export declare const Body: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
export declare enum ContentSize {
    LARGE = "large",
    NORMAL = "normal",
    SMALL = "small"
}
interface IProps {
    id?: string;
    icon?: () => React.ReactNode;
    backButtonLabel?: string;
    backButtonAction?: () => void;
    title?: string | React.ReactNode;
    titleColor?: keyof typeof colors;
    showTitleOnMobile?: boolean;
    noPadding?: boolean;
    topActionButtons?: ReactElement[];
    tabBarContent?: React.ReactNode;
    filterContent?: React.ReactNode;
    subtitle?: string | React.ReactNode;
    children?: React.ReactNode;
    bottomActionButtons?: ReactElement[];
    bottomActionDirection?: 'row' | 'column';
    size?: ContentSize;
    className?: string;
}
export declare const UnstyledContent: ({ icon, backButtonLabel, backButtonAction, title, titleColor, showTitleOnMobile, topActionButtons, tabBarContent, filterContent, noPadding, subtitle, children, bottomActionButtons, bottomActionDirection, size, className }: IProps) => React.JSX.Element;
export declare const Content: import("styled-components").StyledComponent<({ icon, backButtonLabel, backButtonAction, title, titleColor, showTitleOnMobile, topActionButtons, tabBarContent, filterContent, noPadding, subtitle, children, bottomActionButtons, bottomActionDirection, size, className }: IProps) => React.JSX.Element, import("styled-components").DefaultTheme, {}, never>;
export {};
//# sourceMappingURL=Content.d.ts.map