import { Action } from './action';
import { Icon } from '../../global/shared-types/icon.types';
import { Languages } from '../date-picker/date.types';
/**
 * A collapsible section can be used to group related content together
 * and hide the group when not needed.
 * Using this component can help to:
 * - Save vertical space by hiding non-essential content
 * - Improve content organization and scannability of the user interface
 * - Reduce cognitive load by displaying only a set of relevant information at a time
 * - Or disclose complex information, progressively to the user
 *
 * @slot - Content to put inside the collapsible section
 * @slot header - Optional slot for custom header content
 *
 * @exampleComponent limel-example-collapsible-section-basic
 * @exampleComponent limel-example-collapsible-section-actions
 * @exampleComponent limel-example-collapsible-section-with-custom-header-component
 * @exampleComponent limel-example-collapsible-section-external-control
 * @exampleComponent limel-example-collapsible-section-with-slider
 * @exampleComponent limel-example-collapsible-section-invalid
 * @exampleComponent limel-example-collapsible-section-icon
 * @exampleComponent limel-example-collapsible-section-css-props
 */
export declare class CollapsibleSection {
    /**
     * `true` if the section is expanded, `false` if collapsed.
     */
    isOpen: boolean;
    /**
     * Text to display in the header of the section
     */
    header: string;
    /**
     * Icon to display in the header of the section
     */
    icon?: string | Icon;
    /**
     * `true` if the section is invalid, `false` if valid.
     * This can be used to indicate that the content inside the section is invalid.
     */
    invalid: boolean;
    /**
     * Actions to place to the far right inside the header
     */
    actions: Action[];
    /**
     * Defines the language for translations.
     * Will translate the translatable strings on the components.
     */
    language: Languages;
    /**
     * Emitted when the section is expanded
     */
    private open;
    /**
     * Emitted when the section is collapsed
     */
    private close;
    /**
     * Emitted when an action is clicked inside the header
     */
    private action;
    private host;
    private bodyId;
    private headingId;
    componentDidRender(): void;
    disconnectedCallback(): void;
    render(): any;
    private onClick;
    private handleInteraction;
    private renderExpandCollapseSign;
    private renderIcon;
    private renderHeading;
    private renderActions;
    private renderHeaderSlot;
    private renderActionButton;
    private handleActionClick;
    private getCollapsibleSectionAriaLabel;
}
//# sourceMappingURL=collapsible-section.d.ts.map