import { type DetailedHTMLProps, type ReactNode, type SelectHTMLAttributes } from 'react';
type SelectProps = {
    readonly label: string;
    readonly options: Record<string | number, string>;
    readonly select?: Omit<DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, 'children'>;
    readonly placeholder?: string;
    readonly helperText?: string;
    readonly error?: string;
};
/**
 * Select component for rendering a dropdown with customizable options, labels, helper text, and error messages.
 *
 * @component
 * @example
 * // Example usage of Select component
 * <Select
 *   label="Choose an option"
 *   options={{ option1: 'Option 1', option2: 'Option 2' }}
 *   select={{ className: 'custom-class' }}
 *   placeholder="Select an option"
 *   helperText="Please select an option"
 *   error="This field is required"
 * />
 *
 * @param {Object} props - The properties of the Select component.
 * @param {string} props.label - The label text for the select dropdown.
 * @param {Record<string, string>} props.options - The options for the select dropdown, where the key is the value and the value is the display text.
 * @param {Omit<DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, 'children'>} [props.select] - The properties for the select element.
 * @param {string} [props.placeholder] - Optional placeholder text to display when no option is selected.
 * @param {string} [props.helperText] - Optional helper text to be displayed below the select dropdown.
 * @param {string} [props.error] - Optional error message to be displayed below the select dropdown.
 *
 * @returns {ReactNode} The rendered Select component.
 */
export declare function Select({ label, options, select, placeholder, helperText, error, }: SelectProps): ReactNode;
export {};
//# sourceMappingURL=Select.d.ts.map