/// <reference types="react" />
export declare const OptionButtonsWrapperBox: 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 OptionButtonsBox: 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 OptionButton: import("@emotion/styled").StyledComponent<{
    backgroundColorToken?: import("../..").ColorTokens | undefined;
    borderColorToken?: import("../..").ColorTokens | undefined;
    bottomLeftText?: string | undefined;
    bottomLeftTextColorToken?: import("../..").ColorTokens | undefined;
    bottomLeftTextTypographyToken?: import("../..").TypographyTokens | undefined;
    className?: string | undefined;
    'data-testid'?: string | undefined;
    disabled?: boolean | undefined;
    disabledBackgroundColorToken?: import("../..").ColorTokens | undefined;
    disabledTextColorToken?: import("../..").ColorTokens | undefined;
    hoverBackgroundColorToken?: import("../..").ColorTokens | undefined;
    hoverBorderColorToken?: import("../..").ColorTokens | undefined;
    hoverIconColorToken?: import("../..").ColorTokens | undefined;
    hoverTypographyColorToken?: import("../..").ColorTokens | undefined;
    iconColorToken?: import("../..").ColorTokens | undefined;
    iconLeft?: import("react").ReactNode;
    iconRight?: import("react").ReactNode;
    loading?: boolean | undefined;
    onClick?: ((event: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
    onMouseDown?: ((event: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
    rounded?: boolean | undefined;
    type?: "button" | "submit" | "reset" | undefined;
    typographyColorToken?: import("../..").ColorTokens | undefined;
    typographyToken?: import("../..").TypographyTokens | undefined;
    whiteSpace?: import("csstype").Property.WhiteSpace | undefined;
} & {
    children?: import("react").ReactNode;
} & {
    theme?: import("@emotion/react").Theme | undefined;
} & {
    isActive: boolean;
}, {}, {}>;