export interface FloatingSelectItem {
    value: string;
    label: React.ReactNode;
    disabled?: boolean;
}
export interface FloatingSelectProps extends Omit<React.ComponentProps<"div">, "onChange"> {
    /** Data based on which controls are rendered */
    data: (string | FloatingSelectItem)[];
    /** Controlled component value */
    value?: string;
    /** Uncontrolled component default value */
    defaultValue?: string;
    /** Called when value changes */
    onChange?: (value: string) => void;
    /** Determines whether the component is disabled */
    disabled?: boolean;
    /** Name of the radio group, by default random name is generated */
    name?: string;
    /** Determines whether the component should take 100% width of its parent, `false` by default */
    fullWidth?: boolean;
    /** Key of `theme.colors` or any valid CSS color, changes color of indicator, by default color is based on current color scheme */
    color?: "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error" | "neutral" | string;
    /** Controls `font-size`, `padding` and `height` properties
     * @default "sm"
     */
    size?: "xs" | "sm" | "md" | "lg" | "xl";
    /** Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem
     * @default "sm"
     */
    radius?: "xs" | "sm" | "md" | "lg" | "circle";
    /** Indicator `transition-duration` in ms, set `0` to turn off transitions
     * @default 200
     */
    transitionDuration?: number;
    /** Determines in which orientation component id displayed
     * @default "horizontal"
     */
    orientation?: "vertical" | "horizontal";
    /** Determines whether the value can be changed */
    readOnly?: boolean;
    /** Determines whether there should be borders between items
     * @default true
     */
    withItemsSeparator?: boolean;
    slots?: {
        indicator?: string;
    };
}
export declare function FloatingSelect(props: FloatingSelectProps): import("react").JSX.Element | null;