import { ZuiBaseElement } from '@zywave/zui-base';
import type { PropertyValues } from 'lit';
/**
 * Use to create a selectable option that can be used within `<zui-select>` or `<zui-select-dropdown>`.
 * @element zui-option
 *
 * @slot - Default, unnamed slot; for inserting label text into `<zui-option>`; optionally, you can use the `label` attribute/property instead
 *
 * @event {CustomEvent} selectedchange - Event is dispatched when `<zui-option>` is selected or deselected; contains details regarding the `selected` state
 * @event {CustomEvent} updated - Event is dispatched when `<zui-option>` is updated; contains details regarding what properties changed
 */
export declare class ZuiOptionElement extends ZuiBaseElement {
    /**
     * Sets a `value` for the option
     */
    value: string | null | undefined;
    /**
     * The label users will see as a choice, in a select dropdown
     */
    label: string;
    /**
     * Options `disabled` state
     */
    disabled: boolean;
    /**
     * Whether to hide the option from the list or not
     */
    hidden: boolean;
    /**
     * Determines if the `zui-option` is selected
     */
    selected: boolean;
    private updateObserver;
    connectedCallback(): void;
    updated(changedProperties: PropertyValues): void;
    render(): import("lit-html").TemplateResult<1>;
}
export interface IZuiOptionObject {
    label: string;
    value?: string;
    disabled: boolean;
    group?: string;
    selected: boolean;
}
export declare class ZuiOptionObject extends EventTarget implements IZuiOptionObject {
    #private;
    label: string;
    value?: string;
    disabled: boolean;
    group?: string;
    get selected(): boolean;
    set selected(val: boolean);
    constructor(label: string, value?: string, disabled?: boolean, group?: string | undefined, selected?: boolean);
}
declare global {
    interface HTMLElementTagNameMap {
        'zui-option': ZuiOptionElement;
    }
}