import { type OptgroupHTMLAttributes, type OptionHTMLAttributes } from 'react';
type Option<T extends string> = {
    value: T;
} & Omit<OptionHTMLAttributes<HTMLOptionElement>, 'value'>;
type Optgroup<T extends string> = {
    label: string;
    options: Array<Option<T>>;
} & OptgroupHTMLAttributes<HTMLOptGroupElement>;
type AbstractProps<T extends string> = {
    /** 選択肢のデータの配列 */
    options: Array<Option<T> | Optgroup<T>>;
    /** フォームの値が変わったときに発火するコールバック関数 */
    onChangeValue?: (value: T) => void;
    /** フォームの値にエラーがあるかどうか */
    error?: boolean;
    /** コンポーネントの幅 */
    width?: number | string;
    /** コンポーネントの大きさ */
    size?: 'M' | 'S';
    /** 空の選択肢を表示するかどうか */
    hasBlank?: boolean;
    /** 空の選択肢のラベル */
    blankLabel?: string;
};
declare const Option: import("react").NamedExoticComponent<Option<string> | Optgroup<string>>;
export declare const Select: <T extends string>(props: AbstractProps<T> & Omit<Omit<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "ref">, "children" | keyof AbstractProps<string>> & import("react").RefAttributes<HTMLSelectElement>) => import("react").ReactNode;
export {};