import type { CSSResultGroup } from 'lit';
import SynergyElement from '../../internal/synergy-element.js';
import type SynDetails from '../details/details.component.js';
/**
 * @summary Accordions provide the ability to group a list of `<syn-details>`.
 *
 * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-accordion--docs
 * @status stable
 * @since 2.3.0
 *
 * @slot - The accordion's main content. Must be `<syn-details />` elements.
 *
 * @csspart base - The component's base wrapper.
 */
export default class SynAccordion extends SynergyElement {
    static styles: CSSResultGroup;
    detailsInDefaultSlot: SynDetails[];
    /**
     * Indicates whether or not multiple `<syn-detail>` elements can be open at the same time.
     */
    closeOthers: boolean;
    /** Draws the accordion and the slotted `<syn-details>` as contained elements. */
    contained: boolean;
    /** The size that should be applied to all slotted `<syn-details>` elements */
    size: 'small' | 'medium' | 'large';
    private adjustDetailsSize;
    private adjustDetailsContained;
    handleSizeChange(): void;
    handleContainedChange(): void;
    connectedCallback(): void;
    disconnectedCallback(): void;
    handleSlotChange(): void;
    private handleAccordionShow;
    render(): import("lit").TemplateResult<1>;
}