import { ChangeEvent, KeyboardEvent, ReactNode } from 'react'; export interface ComboboxTriggerProps extends React.ComponentPropsWithRef<'input'> { handleSearchInputChange: (event: ChangeEvent) => void; handleSearchInputKeyUp: (event: KeyboardEvent) => void; value: string; searchMinLength?: number; placeholder?: string; renderInputGroup?: React.ReactNode; variant?: 'outline' | 'ghost'; renderSelectedItems?: ReactNode; hasDefault: boolean; onFocus?: (event: React.FocusEvent) => void; onBlur?: (event: React.FocusEvent) => void; inputRef?: React.Ref; } /** * A trigger component for the Combobox that handles user input and displays selected items. * * @component * @example * ```tsx * setSearchValue(e.target.value)} * placeholder="Search..." * /> * ``` * * @param {object} props - Component props * @param {string} [props.placeholder] - Placeholder text for the search input * @param {string} [props.value=''] - Current value of the search input * @param {number} [props.searchMinLength=3] - Minimum number of characters required before showing dropdown * @param {(event: ChangeEvent) => void} props.handleSearchInputChange - Handler for input change events * @param {ReactNode} [props.renderInputGroup] - Optional content to render in the input group (e.g., icons) * @param {'outline' | 'ghost'} [props.variant='outline'] - Visual variant of the input * @param {ReactNode} [props.renderSelectedItems] - Optional content to render selected items * * @returns {JSX.Element} A form control containing an input field with optional input group and selected items */ declare const ComboboxTrigger: ({ placeholder, value, searchMinLength, onFocus, onBlur, handleSearchInputChange, handleSearchInputKeyUp, renderInputGroup, variant, renderSelectedItems, hasDefault, inputRef, }: ComboboxTriggerProps) => import("react/jsx-runtime").JSX.Element; export default ComboboxTrigger;