import * as React from 'react'; import { Size } from '../types'; export type QuickSearchProps = { /** Required. Id of the component. */ id: string; /** Optional. Current search term entered by the user. */ searchTerm?: string; /** Required. Handler to be called when user modified input. */ setSearchTerm: (term: string) => void; /** Required. Handler to be called when user triggers search. */ enterSearch: (e: any) => void; /** Required. Handler to be called when user clears input field. */ removeSearch: (e: any) => void; /** Optional. Placeholder text to be shown in the input field when there is no input. */ placeholder?: string; /** Optional. ARIA label to set on the input field. */ performSearchLabel?: string; /** Optional. If disabled user can not interact with the search bar. */ disabled?: boolean; /** Optional. Optional onkeydown handler to be set on the input field. */ onKeyDown?: (e: React.KeyboardEvent) => void; /** Optional. Size of the component. Defaults to 'medium'. */ size?: Size.Small | Size.Medium; /** Optional. Margin style attribute to be set on the input field. */ margin?: string; /** Optional. If set then loading indicator will be shown on the right side of the input field. */ loading?: boolean; }; declare const QuickSearch: React.FunctionComponent; export default QuickSearch;