import { type EventEmitter } from '../../stencil-public-runtime';
import type { Theme } from '../../utils/styles';
/**
 * @component diwa-multi-select-option
 *
 * Individual option element for use inside <diwa-multi-select>.
 * Renders a row with a CSS checkbox and label text.
 *
 * Not intended for standalone use — must be slotted into <diwa-multi-select>.
 *
 * @slot default — Option label text (plain text or inline phrasing content)
 */
export declare class DiwaMultiSelectOption {
    host: HTMLDiwaMultiSelectOptionElement;
    /** The value submitted/emitted when this option is selected. */
    value: string;
    /** Disables the option — it cannot be selected. */
    disabled: boolean;
    /**
     * Whether the option is currently selected.
     * Maintained by the parent <diwa-multi-select>; consumers can also
     * pre-select options by setting this attribute.
     */
    selected: boolean;
    /**
     * Whether the option is currently keyboard-highlighted.
     * Set exclusively by the parent component.
     */
    highlighted: boolean;
    /**
     * Compact variant — reduces the option row height and checkbox size.
     * Inherited from the parent diwa-multi-select.
     */
    compact: boolean;
    /** Theme — inherited from the parent diwa-multi-select. */
    theme: Theme;
    /**
     * Emitted when the user clicks or presses Enter on the option.
     * Bubbles and crosses Shadow DOM so the parent can catch it via @Listen.
     */
    diwaMultiSelectOptionUpdate: EventEmitter<{
        value: string;
        selected: boolean;
    }>;
    handlePropChange(): void;
    /** Focuses the inner option element. */
    setFocus(): Promise<void>;
    private optionEl?;
    private handleClick;
    private handleKeyDown;
    render(): any;
}
//# sourceMappingURL=diwa-multi-select-option.d.ts.map