import { Placement } from '@floating-ui/react';
/**
 * `<Select>` is high level `<Menu>`
 *
 * You MUST either set `value` or `defaultValue` to an existing `options`'s `value`,
 * otherwise it will lead to undefined behavior
 */
export declare const Select: import('react').ForwardRefExoticComponent<{
    value?: string;
    /**
     * If you prefer uncontrolled, you MUST set `defaultValue`
     */
    defaultValue?: string;
    onChange?: (value: string) => void;
    /**
     * Make sure each value is UNIQUE
     */
    options: Array<string | {
        value: string;
        /**
         * You can omit the label, it will show the `value`
         */
        label?: React.ReactNode;
        disabled?: boolean;
    }>;
    /**
     * Customize select behavior
     */
    children?: React.ReactNode | ((value: string) => React.ReactNode);
    /**
     * The placement of the floating options
     */
    placement?: Placement;
    /**
     * Can be used to adjust the position of the floating options
     */
    zIndex?: number;
    floatingStyle?: React.CSSProperties;
    /**
     * Shortcut for `style={{ width: "100%" }}`, as `<Select>` is inline-block
     */
    full?: boolean;
} & Omit<import('react').HTMLProps<HTMLElement>, "zIndex" | "as" | "ref" | "value" | "defaultValue" | "children" | "onChange" | "placement" | "options" | "full" | "floatingStyle"> & import('react').RefAttributes<HTMLDivElement>>;