///
import { TypographyTokens } from '../../foundation/Typography';
export declare const SelectorBox: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme | undefined;
as?: import("react").ElementType | undefined;
} & {
disabled: boolean;
}, import("react").DetailedHTMLProps, HTMLDivElement>, {}>;
export declare const Box: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme | undefined;
as?: import("react").ElementType | undefined;
}, import("react").DetailedHTMLProps, HTMLDivElement>, {}>;
export declare const SelectorButton: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme | undefined;
as?: import("react").ElementType | undefined;
} & {
disabled: boolean;
isPopoverOpen: boolean;
typographyToken: TypographyTokens;
}, import("react").DetailedHTMLProps, HTMLButtonElement>, {}>;
export declare const IconBox: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme | undefined;
as?: import("react").ElementType | undefined;
}, import("react").DetailedHTMLProps, HTMLDivElement>, {}>;
export declare const SelectorButtonText: import("@emotion/styled").StyledComponent<{
as?: import("react").ElementType | undefined;
backgroundColorToken?: import("../..").ColorTokens | undefined;
className?: string | undefined;
colorToken: import("../..").ColorTokens | "rainbow";
'data-testid'?: string | undefined;
id?: string | undefined;
title?: string | undefined;
typographyToken: TypographyTokens;
whiteSpace?: import("csstype").Property.WhiteSpace | undefined;
} & {
children?: import("react").ReactNode;
} & {
theme?: import("@emotion/react").Theme | undefined;
}, {}, {}>;