/// <reference types="react" />
export declare type PepSearchTriggerType = 'keydown' | 'click';
export declare type PepSearchShrinkType = 'small-screen' | 'always' | 'never';
export declare type PepSizeType = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
export interface PepSearchClickEvent {
    value: string;
}
export interface PepSearchAutocompleteChangeEvent {
    value: string;
    top: number;
}
export interface PepSearchStateChangeEvent {
    state: 'open' | 'close';
}
export interface PepSearchProps {
    triggerOn?: PepSearchTriggerType;
    autoCompleteTop?: number;
    autoCompleteValues?: any[];
    shrink?: PepSearchShrinkType;
    value?: string;
    useAsWebComponent?: boolean;
    sizeType?: PepSizeType;
    onSearch?: (event: PepSearchClickEvent) => void;
    onAutocompleteChange?: (event: PepSearchAutocompleteChangeEvent) => void;
    onStateChange?: (event: PepSearchStateChangeEvent) => void;
}
export declare const PepSearch: React.FC<PepSearchProps>;