/**
 * @license EUPL-1.2+
 * Copyright Gemeente Amsterdam
 */
import type { HTMLAttributes, PropsWithChildren } from 'react';
import type { HeadingProps } from '../Heading';
export type TableOfContentsProps = {
    /**
     * Whether list items that contain a nested list can be expanded and collapsed.
     * @default false
     */
    readonly collapsible?: boolean;
    /** The text for the Heading. */
    readonly heading?: string;
    /**
     * The hierarchical level of the Heading within the document.
     * Visually, it always has the size of a level 3 Heading.
     */
    readonly headingLevel?: HeadingProps['level'];
    /**
     * An accessible phrase used in the toggle button label when a section is expanded.
     * @default Verberg submenu van
     */
    readonly hideAccessibleLabel?: string;
    /**
     * An accessible phrase used in the toggle button label when a section is collapsed.
     * @default Toon submenu van
     */
    readonly showAccessibleLabel?: string;
} & Readonly<PropsWithChildren<HTMLAttributes<HTMLElement>>>;
/**
 * A navigation list for linking to sections on the current page, or between a set of related pages.
 *
 * @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-table-of-contents--docs Table Of Contents docs at Amsterdam Design System}
 */
export declare const TableOfContents: import("react").ForwardRefExoticComponent<{
    /**
     * Whether list items that contain a nested list can be expanded and collapsed.
     * @default false
     */
    readonly collapsible?: boolean;
    /** The text for the Heading. */
    readonly heading?: string;
    /**
     * The hierarchical level of the Heading within the document.
     * Visually, it always has the size of a level 3 Heading.
     */
    readonly headingLevel?: HeadingProps["level"];
    /**
     * An accessible phrase used in the toggle button label when a section is expanded.
     * @default Verberg submenu van
     */
    readonly hideAccessibleLabel?: string;
    /**
     * An accessible phrase used in the toggle button label when a section is collapsed.
     * @default Toon submenu van
     */
    readonly showAccessibleLabel?: string;
} & Readonly<PropsWithChildren<HTMLAttributes<HTMLElement>>> & import("react").RefAttributes<HTMLElement>> & {
    Link: import("react").ForwardRefExoticComponent<{
        readonly defaultExpanded?: boolean;
        readonly expanded?: boolean;
        readonly label: string;
        readonly linkComponent?: import("react").ElementType;
        readonly onToggle?: (expanded: boolean) => void;
    } & Readonly<import("react").AnchorHTMLAttributes<HTMLAnchorElement>> & import("react").RefAttributes<HTMLAnchorElement>>;
    List: import("react").ForwardRefExoticComponent<{
        readonly defaultExpanded?: boolean;
    } & HTMLAttributes<HTMLUListElement> & {
        children?: import("react").ReactNode | undefined;
    } & import("react").RefAttributes<HTMLUListElement>>;
};