import { default as React } from 'react';
import { LabelPlacement } from './Input';
export interface SelectOption {
    value: string;
    label: string;
    disabled?: boolean;
}
export interface SelectProps {
    /** Label text or ReactNode (supports rich content like tooltip icons) */
    label?: React.ReactNode;
    /** Options array */
    options: SelectOption[];
    /** Selected value */
    value?: string;
    /** Change handler */
    onChange?: (value: string) => void;
    /** Placeholder text */
    placeholder?: string;
    /** Helper text */
    helperText?: string;
    /** Error message */
    error?: string;
    /** Disabled state */
    disabled?: boolean;
    /** Full width */
    fullWidth?: boolean;
    /** Size variant */
    size?: "small" | "medium" | "large";
    /** Custom className */
    className?: string;
    /**
     * Label placement style.
     * - `'outlined'` — label sits on the input border (notched/Material-style). **Default.**
     * - `'above'`    — label sits above the input with a gap (classic stack).
     */
    labelPlacement?: LabelPlacement;
    /** Required indicator */
    required?: boolean;
}
export declare const Select: React.MemoExoticComponent<React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>>>;
export default Select;