/**
 * Copyright Kyndryl, Inc. 2022
 */
import { LitElement } from 'lit';
/**
 * Accordion Item component. *
 * @fires on-toggle - Emits the `opened` state when the accordion item opens/closes. `detail:{ opened: boolean }`.
 * @slot icon - Optional leading icon. 24px, or 16px for compact.
 * @slot body - Body of the accordion item.
 * @slot title - Title of the accordion item.
 * @slot subtitle - Optional subtitle of the accordion item.
 *
 */
export declare class AccordionItem extends LitElement {
    static styles: import("lit").CSSResult;
    /** Accordion item opened state. */
    accessor opened: boolean;
    /** Accordion item disabled state. */
    accessor disabled: boolean;
    /**
     * The index of this item. Passed from the Accordion.
     * @ignore
     */
    private accessor _index;
    /**
     * Whether the number should be shown. Passed from the Accordion.
     * @ignore
     */
    private accessor _showNumber;
    /**
     * Whether this item displays a filled header. Passed from the Accordion.
     * @ignore
     */
    private accessor _filledHeader;
    /**
     * Whether this item is compact. Passed from the Accordion.
     * @ignore
     */
    private accessor _compact;
    setIndex(index: number): void;
    setShowNumbers(value: boolean): void;
    setFilledHeader(value: boolean): void;
    setCompact(value: boolean): void;
    open(): void;
    close(): void;
    private _handleClick;
    private _handleKeypress;
    private _toggleOpenState;
    private _emitToggleEvent;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'kyn-accordion-item': AccordionItem;
    }
}
//# sourceMappingURL=accordionItem.d.ts.map