/**
 * @license EUPL-1.2+
 * Copyright Gemeente Amsterdam
 */
import type { HTMLAttributes, PropsWithChildren } from 'react';
export type TabsProps = {
    /** The identifier of the initially active Tab. Corresponds to its Panel `id` value. */
    readonly activeTab?: string;
    /** A function to run when another Tab is activated. Provides the id of its Panel. */
    readonly onTabChange?: (panelId: string) => void;
} & Readonly<PropsWithChildren<HTMLAttributes<HTMLDivElement>>>;
/**
 * Discloses related pieces of content in a secondary area on the page.
 *
 * @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-tabs--docs Tabs docs at Amsterdam Design System}
 */
export declare const Tabs: import("react").ForwardRefExoticComponent<{
    /** The identifier of the initially active Tab. Corresponds to its Panel `id` value. */
    readonly activeTab?: string;
    /** A function to run when another Tab is activated. Provides the id of its Panel. */
    readonly onTabChange?: (panelId: string) => void;
} & Readonly<PropsWithChildren<HTMLAttributes<HTMLDivElement>>> & import("react").RefAttributes<HTMLDivElement>> & {
    Button: import("react").ForwardRefExoticComponent<{
        readonly 'aria-controls': string;
    } & Readonly<PropsWithChildren<import("react").ButtonHTMLAttributes<HTMLButtonElement>>> & import("react").RefAttributes<HTMLButtonElement>>;
    List: import("react").ForwardRefExoticComponent<Readonly<PropsWithChildren<HTMLAttributes<HTMLDivElement>>> & import("react").RefAttributes<HTMLDivElement>>;
    Panel: import("react").ForwardRefExoticComponent<{
        readonly id: string;
    } & Readonly<PropsWithChildren<HTMLAttributes<HTMLDivElement>>> & import("react").RefAttributes<HTMLDivElement>>;
};