/**
 * @license EUPL-1.2+
 * Copyright Gemeente Amsterdam
 */
import type { HTMLAttributes, PropsWithChildren } from 'react';
export type AccordionProps = {
    /**
     * The hierarchical level of the Section Headings within the document.
     * There is no default value; determine the correct level for each instance.
     */
    readonly headingLevel: 2 | 3 | 4;
    /** The HTML element to use for each Section. */
    readonly sectionAs?: 'div' | 'section';
} & Readonly<PropsWithChildren<HTMLAttributes<HTMLDivElement>>>;
/**
 * A list of headings that each show or hide associated content.
 *
 * @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-accordion--docs Accordion docs at Amsterdam Design System}
 */
export declare const Accordion: import("react").ForwardRefExoticComponent<{
    /**
     * The hierarchical level of the Section Headings within the document.
     * There is no default value; determine the correct level for each instance.
     */
    readonly headingLevel: 2 | 3 | 4;
    /** The HTML element to use for each Section. */
    readonly sectionAs?: "div" | "section";
} & Readonly<PropsWithChildren<HTMLAttributes<HTMLDivElement>>> & import("react").RefAttributes<HTMLDivElement>> & {
    Section: import("react").ForwardRefExoticComponent<{
        readonly defaultExpanded?: boolean;
        readonly expanded?: boolean;
        readonly label: string;
        readonly onToggle?: (expanded: boolean) => void;
    } & Readonly<PropsWithChildren<HTMLAttributes<HTMLElement>>> & import("react").RefAttributes<HTMLDivElement>>;
};