import * as lit_html from 'lit-html';
import * as lit from 'lit';
import { LitElement } from 'lit';
/**
* @since 1.0.0
* @status stable
*
* @tagname kemet-accordion-panel
* @summary A blade for an accordion.
*
* @prop {boolean} opened - Determines the opened state of the panel
* @prop {string} maxHeight - Sets the max height of the panel's body
* @prop {string} slug - Uniquely identifies a panel for accessibility purposes
*
* @slot trigger - The trigger button that opens and closes the panel.
* @slot body - The body content of the panel.
* @slot icon - The icon for the panel.
*
* @csspart trigger - Contains the trigger for the panel.
* @csspart body - Contains the body for the panel.
*
* @event kemet-opened - Fires when a panel is opened
* @event kemet-closed - Fires when a panel is closed
*
*/
declare class KemetAccordionPanel extends LitElement {
static styles: lit.CSSResult[];
opened: boolean | undefined;
maxHeight: string;
slug: string;
index: number;
/** @internal */
focusableSelector: string;
/** @internal */
bodyElement: HTMLElement | null;
/** @internal */
bodyElementFirst: HTMLElement | null | undefined;
/** @internal */
bodyElementLast: HTMLElement | null | undefined;
firstUpdated(): void;
updated(prevProps: Map): void;
render(): lit_html.TemplateResult<1>;
toggle(): void;
focusableBodyElements(): void;
a11y(): void;
handleKeyDown(event: KeyboardEvent): void;
}
declare global {
interface HTMLElementTagNameMap {
'kemet-accordion-panel': KemetAccordionPanel;
}
}
export { KemetAccordionPanel as default };