import type React from 'react'; import type { BaseInputProps, GlobalHTMLAttributes } from './types'; export interface SelectProps extends GlobalHTMLAttributes, BaseInputProps { /** * @default 'top-label' */ variant?: 'top-label' | 'floating-label'; children: React.ReactNode; /** * Makes the select required. */ required?: boolean; enterKeyHint?: 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'; /** * The name of the input to use when submitting the form. */ name: string; /** * A concise label for the input. */ label: string; /** * What type of information to autocomplete in the select. * * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete */ autoComplete?: 'off' | 'on' | 'organization-title' | 'organization' | 'address-level4' | 'address-level3' | 'address-level2' | 'address-level1' | 'country' | 'country-name' | 'cc-exp-month' | 'cc-exp-year' | 'cc-type' | 'transaction-currency' | 'language' | 'sex'; /** * Set the error message of a select and mark it invalid. */ errorMessage?: string; /** * Force the input to be invalid. * * @default false */ 'aria-invalid'?: boolean; /** * Default value of an uncontrolled input. */ defaultValue?: string | string[]; /** * Value of the input. * * Makes the input controlled. */ value?: string | string[]; /** * Fires when the select’s value is changed. */ onChange?: React.ChangeEventHandler; } /** * Select lets the users select one option from a predefined list of 3 or more options. When you have fewer * options, consider using a RadioGroup. * * Review the [React docs](https://react.dev/reference/react-dom/components/select) for more details * on using selects in React. */ export declare const Select: React.ForwardRefExoticComponent>;