import { LitElement } from 'lit';
/**
 * Select item element, used as child of `pyro-select`
 * [docs](https://pyrojs.com/el/select)
 *
 * ```html
 * <pyro-select-item value="one">
 *   <span slot="label">1</span>
 * </pyro-select-item>
 * ```
 *
 * @tag pyro-select-item
 *
 * @event {ClickEvent} click - emitted when the item is clicked, use it on `pyro-select` instead
 *
 * @slot - Content of a select-item, substitutes label, BUT the prop label is still required
 *
 * @cssprop [--pyro-select-item-text-color=var(--pyro-text-color)] - `color`
 * @cssprop [--pyro-select-item-hover-color=var(--pyro-hover-color)] - `background`
 * @cssprop [--pyro-select-item-surface-color=var(--pyro-surface-color)] - `background`
 * @cssprop [--pyro-select-item-text-align=left] - text alignment in select item `text-align`
 *
 */
export declare class PyroSelectItem extends LitElement {
    static styles: import('lit').CSSResult;
    /** Current value */
    value: string;
    /** Label/text, overriden by default slot */
    label: string;
    private handleClick;
    render(): import('lit-html').TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'pyro-select-item': PyroSelectItem;
    }
}