/** * @license EUPL-1.2+ * Copyright Gemeente Amsterdam */ import type { HTMLAttributes, PropsWithChildren } from 'react'; export type TabNavigationProps = { /** The accessible name for the navigation. */ readonly accessibleName?: string; /** * Connects the component with an internal element that defines its accessible name. * Note: must be unique for the page. */ readonly accessibleNameId?: string; /** The direction in which the links are laid out. */ readonly orientation?: 'horizontal' | 'vertical'; } & Readonly>>; /** * A horizontal or vertical list of links, styled as tabs, to navigate between a set of related pages. * * @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-tab-navigation--docs Tab Navigation docs at Amsterdam Design System} */ export declare const TabNavigation: import("react").ForwardRefExoticComponent<{ /** The accessible name for the navigation. */ readonly accessibleName?: string; /** * Connects the component with an internal element that defines its accessible name. * Note: must be unique for the page. */ readonly accessibleNameId?: string; /** The direction in which the links are laid out. */ readonly orientation?: "horizontal" | "vertical"; } & Readonly>> & import("react").RefAttributes> & { Link: import("react").ForwardRefExoticComponent<{ readonly icon?: import("..").IconProps["svg"]; readonly linkComponent?: import("react").ElementType; } & Readonly>> & import("react").RefAttributes>; List: import("react").ForwardRefExoticComponent & { children?: import("react").ReactNode | undefined; } & import("react").RefAttributes>; };