/// 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; }, {}, {}>;