import React from 'react'; import { type JSX } from 'udp-react-stencil-component-library'; import { FormChangeEvent, FormFocusEvent } from './utils/formEvents'; /** * Props for the UdpAutocomplete component. * * Supports both MUI-style and Fluent-style error handling: * - MUI style: error={boolean} + helperText={string} * - Fluent style: error={string} + hint={string} */ export interface UdpAutocompleteProps extends Partial> { /** Current selected value */ value?: T; /** Called when selection changes - compatible with form libraries (event.target.value) */ onChange?: (event: FormChangeEvent) => void; /** Called when input loses focus - compatible with form libraries */ onBlur?: (event: FormFocusEvent) => void; /** Called when input gains focus */ onFocus?: (event: FormFocusEvent) => void; /** React children (for slot content / options) */ children?: React.ReactNode; /** * Error state - supports both MUI and Fluent patterns: * - string: Fluent style - the error message to display * - boolean: MUI style - when true, displays helperText as error */ error?: string | boolean; /** * MUI compatibility: Helper/error text shown below the input. * When error={true}, this is displayed as the error message. * When error={false}, this is displayed as hint text. */ helperText?: string; } export declare const UdpAutocomplete: ({ onChange, onBlur, onFocus, name, value, error, helperText, hint, ...props }: UdpAutocompleteProps) => React.JSX.Element; //# sourceMappingURL=UdpAutocomplete.d.ts.map