import DSAMenuAccordion from '../menu-accordion/menu-accordion';
import { ShoelaceElement } from '../../internal/shoelace-element';
/**
 * @summary Sidenav Info Accordion show a brief summary and expand to show additional content in a sidenav.
 * @documentation
 *
 * @dependency dsa-menu-accordion
 *
 * @slot - The accordion's content.
 * @slot collapsed-summary - The accordion's visible summary when collasped.
 * @slot summary - The accordion's summary. Alternatively, you can use the `summary` attribute.
 *
 * @event dsa-show - Emitted when the accordion opens.
 * @event dsa-after-show - Emitted after the accordion opens and all animations are complete.
 * @event dsa-hide - Emitted when the accordion closes.
 * @event dsa-after-hide - Emitted after the accordion closes and all animations are complete.

 * */
export default class DSASidenavInfoAccordion extends ShoelaceElement {
    static dependencies: {
        'dsa-menu-accordion': typeof DSAMenuAccordion;
    };
    private readonly hasSlotController;
    accordion: DSAMenuAccordion;
    /**
     * Indicates whether or not the accordion is open. You can toggle this attribute to show and hide the accordion, or you
     * can use the `show()` and `hide()` methods and this attribute will reflect the accordion' open state.
     */
    open: boolean;
    /** The summary to show in the header. If you need to display HTML, use the `summary` slot instead. */
    summary: string;
    /**@internal When used inside a sidenav, enables to control the collapsed state */
    collapsed: boolean;
    private handleToggle;
    /** Shows the accordion. */
    show(): Promise<void>;
    /** Hides the accordion */
    hide(): Promise<void>;
    focus(options?: FocusOptions): void;
    blur(): void;
    click(): void;
    render(): import("lit").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'dsa-sidenav-info-accordion': DSASidenavInfoAccordion;
    }
}