import { LitElement } from 'lit';
import { PyroListItem } from './list-item';
/**
 * List element
 * [docs](https://pyrojs.com/el/list)
 *
 * ```html
 * <pyro-list>
 *   <span slot="header">Loading</span>
 *   <pyro-list-item>one</pyro-list-item>
 *   <pyro-list-item>two</pyro-list-item>
 * </pyro-list>
 * ```
 *
 * @tag pyro-list
 *
 * @slot - `pyro-list-item`s or elements containing `pyro-list-item`s
 * @slot header - Content above slot
 *
 * @csspart header - Header
 * @csspart items - List of `<pyro-list-item>`
 * @csspart item - Single `<pyro-list-item>`, only with items prop
 *
 * @cssprop [--pyro-list-text-color=var(--pyro-text-color)] - `color`
 * @cssprop [--pyro-list-spacing=var(--pyro-spacing-s)] - `padding`
 * @cssprop [--pyro-list-border=var(--pyro-border)] - `border-left`
 * @cssprop [--pyro-list-min-width=130px] - `min-width`
 *
 */
export declare class PyroList extends LitElement {
    static styles: import('lit').CSSResult;
    /** TODO: remove */
    items: any[];
    /** Header text */
    header?: string | undefined;
    _slotElements: any;
    _listItems: PyroListItem[];
    firstUpdated(): void;
    handleBubbledClick: (e: CustomEvent) => void;
    render(): import('lit-html').TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'pyro-list': PyroList;
    }
}
export * from './list-item';