import { ComponentPropsWithRef, ReactNode } from 'react'; import { UseMessageProps } from '../shared/types'; type FilteredHTMLSelectProps = Omit, 'children' | 'multiple'>; export type InputSelectHTMLProps = FilteredHTMLSelectProps & UseMessageProps & { label: ReactNode; options: readonly Readonly<{ label: string; value: string; disabled?: boolean; }>[]; hideLabel?: boolean; inputSize?: 'medium' | 'large'; }; /** * - Use for simple use cases where you need to select a single option: **A React select component is planned for more complex use cases.** * - InputSelectHTML supports both controlled and uncontrolled patterns: * - **Controlled**: Provide `value` and `onChange` props. Use for inputs with complex interactions or when you need to programmatically control the value. * - **Uncontrolled**: Provide `defaultValue` prop and access the value via a ref. Use for simple forms or when integrating with form libraries like react-hook-form. * - Use title case for the required `label` (e.g., "Choose Project", not "Choose project"). */ export declare const InputSelectHTML: import('react').ForwardRefExoticComponent & import('react').RefAttributes>; export default InputSelectHTML;