/// <reference types="react" />
/**
 * External dependencies
 */
import * as Ariakit from '@ariakit/react';
import type { CustomSelectButtonSize } from './types';
export declare const Select: import("@emotion/styled").StyledComponent<Ariakit.SelectOptions<"button"> & {
    [index: `data-${string}`]: unknown;
    wrapElement?: import("@ariakit/react-core/cjs/utils/types").WrapElement | undefined;
    children?: import("@ariakit/react-core/cjs/utils/types").Children<any>;
    render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("@ariakit/react-core/cjs/utils/types").RenderProp<import("react").HTMLAttributes<any> & import("react").RefAttributes<any>> | undefined;
} & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
}, "children" | keyof Ariakit.SelectOptions<"button">> & {
    theme?: import("@emotion/react").Theme | undefined;
} & {
    size: NonNullable<CustomSelectButtonSize['size']>;
    hasCustomRenderProp: boolean;
}, {}, {}>;
export declare const SelectPopover: import("@emotion/styled").StyledComponent<Ariakit.SelectPopoverOptions<"div"> & {
    [index: `data-${string}`]: unknown;
    wrapElement?: import("@ariakit/react-core/cjs/utils/types").WrapElement | undefined;
    children?: import("@ariakit/react-core/cjs/utils/types").Children<any>;
    render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("@ariakit/react-core/cjs/utils/types").RenderProp<import("react").HTMLAttributes<any> & import("react").RefAttributes<any>> | undefined;
} & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
}, "children" | keyof Ariakit.SelectPopoverOptions<"div">> & {
    theme?: import("@emotion/react").Theme | undefined;
}, {}, {}>;
export declare const SelectItem: import("@emotion/styled").StyledComponent<Ariakit.SelectItemOptions<"div"> & {
    [index: `data-${string}`]: unknown;
    wrapElement?: import("@ariakit/react-core/cjs/utils/types").WrapElement | undefined;
    children?: import("@ariakit/react-core/cjs/utils/types").Children<any>;
    render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("@ariakit/react-core/cjs/utils/types").RenderProp<import("react").HTMLAttributes<any> & import("react").RefAttributes<any>> | undefined;
} & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
}, "children" | keyof Ariakit.SelectItemOptions<"div">> & {
    theme?: import("@emotion/react").Theme | undefined;
} & {
    size: NonNullable<CustomSelectButtonSize['size']>;
}, {}, {}>;
export declare const SelectedExperimentalHintWrapper: 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 SelectedExperimentalHintItem: 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<HTMLSpanElement>, HTMLSpanElement>, {}>;
export declare const WithHintItemWrapper: 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 WithHintItemHint: 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<HTMLSpanElement>, HTMLSpanElement>, {}>;
export declare const SelectedItemCheck: import("@emotion/styled").StyledComponent<Ariakit.SelectItemCheckOptions<"span"> & {
    [index: `data-${string}`]: unknown;
    wrapElement?: import("@ariakit/react-core/cjs/utils/types").WrapElement | undefined;
    children?: import("@ariakit/react-core/cjs/utils/types").Children<any>;
    render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("@ariakit/react-core/cjs/utils/types").RenderProp<import("react").HTMLAttributes<any> & import("react").RefAttributes<any>> | undefined;
} & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
}, "children" | keyof Ariakit.SelectItemCheckOptions<"span">> & {
    theme?: import("@emotion/react").Theme | undefined;
}, {}, {}>;
//# sourceMappingURL=styles.d.ts.map