import { EventEmitter } from '../../../stencil-public-runtime';
export interface IMenuOption {
    label: string;
    id?: any;
    faIcon?: any;
    disabled?: boolean;
}
/**
 * Display a drop-down menu button. A menu of the specified options will be displayed when the button is pressed. The menu will be hidden
 * when the button is pressed again, or an option is selected. Separators may be created by supplying an entry with an empty label.
 *
 * ```ts
 * <verdocs-dropdown
 *   options={[
 *     {label: 'Option 1', disabled: true},
 *     {label: 'Option 2', id: '2'}
 *     {label: ''}
 *     {label: 'Option 3', id: '2'}
 *    ]}
 *   label="OK" onClick={() => (console.log('OK clicked'))}
 * />
 * ```
 */
export declare class VerdocsDropdown {
    el: HTMLElement;
    /**
     * The menu options to display.
     */
    options: IMenuOption[];
    /**
     * Event fired when a menu option is clicked.
     * Web Component events need to be "composed" to cross the Shadow DOM and be received by parent frameworks.
     */
    optionSelected: EventEmitter<IMenuOption>;
    containerId: string;
    showPicker: boolean;
    handleSelectOption(e: any, option: IMenuOption): void;
    toggle(): void;
    render(): any;
}
