import { VerdocsEndpoint } from '@verdocs/js-sdk';
import { EventEmitter } from '../../../stencil-public-runtime';
export type TContentType = 'all' | 'document' | 'template' | 'organization';
export interface ISearchEvent {
    query: string;
    type: TContentType;
}
/**
 * Displays a customizable input box for search queries.
 *
 * Authentication is required to demonstrate this Element. You may do this in Storybook by using the Auth
 * embed. This Element will reuse the same session produced by logging in via that Embed.
 */
export declare class VerdocsSearchBox {
    private inputEl;
    /**
     * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
     */
    endpoint: VerdocsEndpoint;
    /**
     * The placeholder to display in the input field.
     */
    placeholder: string;
    /**
     * If set to a value other than 'all', a removeable filter indicator will be displayed.
     */
    type: TContentType;
    /**
     * The text search string entered by the user.
     */
    query: string;
    /**
     * If set, the input field will attempt to "grab" focus after being rendered.
     */
    grabsFocus: boolean;
    /**
     * Event fired when the user changes the type.
     */
    searchClicked: EventEmitter<ISearchEvent>;
    /**
     * Event fired when the user changes the type.
     */
    typeChanged: EventEmitter<TContentType>;
    /**
     * Event fired when the user changes the query string.
     */
    queryChanged: EventEmitter<string>;
    focusField(): Promise<void>;
    componentDidRender(): void;
    handleSearch(e: any): boolean;
    handleChange(e: any): void;
    handleClearFilter(): void;
    handleKeyUp(e: any): void;
    render(): any;
}
