import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
import { JSX } from '../../components';
/**
 * @name Dropdown Item
 * @category Display
 * @summary Use as a single action item within a Dropdown menu.
 */
export declare class Q2DropdownItem implements ComponentInterface {
    dropdownItemBtn: HTMLButtonElement;
    removeBtn: HTMLButtonElement;
    hostElement: HTMLElement;
    q2LocValue: string;
    /**
     * Used by q2-option-list to indicate the option is active
     * @private
     */
    active: boolean;
    /** @deprecated */
    ariaLabel: string;
    /** Disables interaction with the item and blocks its click event. */
    disabled: boolean;
    /**
     * The text that appears within the dropdown item.
     *
     * @info
     * This will be used as the `aria-label` for this item.
     * @localizable
     */
    label: string;
    /**
     * Renders an icon button in the item.
     * Clicking on this button will change the `type` on the item's click event detail to "remove".
     */
    removable: boolean;
    /**
     * Renders a line in the item instead of text.
     * Click events from these items will not have details provided.
     * A `separator` allows for quick visual grouping of items, so interactions should not be bound to these options.
     */
    separator: boolean;
    /** A static reference value for the item. This value is returned in the click event detail. */
    value: string;
    /**
     * Is emitted when the item is clicked.
     * @deprecated
     */
    click: EventEmitter<{
        type: 'select' | 'remove';
        value: string;
    }>;
    /**
     * Is emitted when the item is clicked.
     */
    tctClick: EventEmitter<{
        type: 'select' | 'remove';
        value: string;
    }>;
    componentWillLoad(): void;
    componentDidLoad(): void;
    onHostElementFocus(event: FocusEvent): void;
    ariaLabelObserver(): void;
    get innerLabel(): string;
    get removeLabel(): string;
    focusItem(): void;
    focusRemoveBtn(): void;
    handleQ2LocValue: () => string;
    onItemClick: (event: MouseEvent) => void;
    onItemFocus: (event: FocusEvent) => void;
    onItemKeydown: (event: KeyboardEvent) => void;
    onRemoveBtnClick: (event: MouseEvent) => void;
    onRemoveBtnFocus: (event: FocusEvent) => void;
    onRemoveBtnKeydown: (event: KeyboardEvent) => void;
    renderItemDOM(): JSX.IntrinsicElements;
    renderSeparatorDOM(): JSX.IntrinsicElements;
    render(): JSX.IntrinsicElements;
}