import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
/**
 * @name Option
 * @category Forms
 * @summary Use as a selectable item within Select, Dropdown, Tag, or Pill components.
 */
export declare class Q2Option implements ComponentInterface {
    displayProvidedAtInit: boolean;
    mutationObserver: MutationObserver;
    hostElement: HTMLElement;
    /**
     * Disables child q2-option selectable state and removes the selector space.
     * @private
     */
    _hideSelectedBlock: boolean;
    _multiSelectHidden: boolean;
    /**
     * Used by q2-option-list to indicate the option is active
     * @private
     */
    active: boolean;
    /** Disables the option. */
    disabled: boolean;
    /**
     * Used by consuming elements to disable all options in the group
     * @private
     */
    disabledGroup: boolean;
    /**
     * The text that is displayed in the field when selected. If not provided, any text inside the element will be used.
     * @localizable
     */
    display: string;
    /**
     * Used by consuming elements to enable multiline content support
     * @private
     */
    multiline: boolean;
    /**
     * Used by q2-option-list to set a role on the option
     * @type {('option' | 'menuitem' | 'separator')}
     * @private
     */
    role: string;
    /**
     * Used by q2-option-list to indicate the option is selected
     * @private
     */
    selected: 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;
    /** Serves as the option's value. */
    value: string;
    /**
     * Used by consuming elements to indicate the display value of the option has changed.
     * @private
     */
    displayChanged: EventEmitter<{
        value: string;
        display: string;
    }>;
    /**
     * Is emitted when the option is clicked.
     */
    tctClick: EventEmitter<{
        type: 'select' | 'remove';
        value: string;
    }>;
    disconnectedCallback(): void;
    componentWillLoad(): void;
    componentDidLoad(): void;
    displayChangedHandler(): void;
    separatorChangedHandler(separator: boolean): void;
    initDisplay: () => Promise<void>;
    initMutationObserver: () => void;
    mutationHandler: () => Promise<void>;
    setTextContent: () => void;
    renderOption(): any;
    renderSeparator(): any;
    render(): any;
}