/// <reference types="react" />
import { ColorTokens } from '../../foundation/Colors';
import { TypographyTokens } from '../../foundation/Typography';
import { TypographyProps } from '../Typography';
export declare const ButtonStyled: import("@emotion/styled").StyledComponent<{
    theme?: import("@emotion/react").Theme | undefined;
    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
} & {
    backgroundColorToken?: ColorTokens | undefined;
    borderColorToken?: ColorTokens | undefined;
    disabledBackgroundColorToken?: ColorTokens | undefined;
    disabledTextColorToken?: ColorTokens | undefined;
    hoverBackgroundColorToken?: ColorTokens | undefined;
    hoverBorderColorToken?: ColorTokens | undefined;
    hoverIconColorToken?: ColorTokens | undefined;
    hoverTypographyColorToken?: ColorTokens | undefined;
    iconColorToken?: ColorTokens | undefined;
    rounded: boolean;
    typographyColorToken?: ColorTokens | undefined;
    typographyToken: TypographyTokens;
    whiteSpace?: TypographyProps['whiteSpace'];
}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
export declare const ButtonBox: import("@emotion/styled").StyledComponent<{
    theme?: import("@emotion/react").Theme | undefined;
    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export declare const IconBox: import("@emotion/styled").StyledComponent<{
    theme?: import("@emotion/react").Theme | undefined;
    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
} & {
    colorToken?: ColorTokens | undefined;
    hoverColorToken?: ColorTokens | undefined;
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;