/** * @license EUPL-1.2+ * Copyright Gemeente Amsterdam */ import type { HTMLAttributes, PropsWithChildren } from 'react'; export declare const progressListHeadingLevels: (2 | 3 | 4)[]; type ProgressListHeadingLevel = (typeof progressListHeadingLevels)[number]; export type ProgressListProps = { /** * Whether the steps can be expanded and collapsed. * @default false */ readonly collapsible?: boolean; /** * An accessible phrase that screen readers announce before a completed step heading. * @default Klaar */ readonly completedAccessibleText?: string; /** * An accessible phrase that screen readers announce before a current step heading. * @default Bezig */ readonly currentAccessibleText?: string; /** * The hierarchical level of the step Headings within the document. * There is no default value; determine the correct level for this instance. */ readonly headingLevel: ProgressListHeadingLevel; } & Readonly>>; /** * Displays the progress of a sequence of steps, with optional additional details per step. * * @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-progress-list--docs Progress List docs at Amsterdam Design System} */ export declare const ProgressList: import("react").ForwardRefExoticComponent<{ /** * Whether the steps can be expanded and collapsed. * @default false */ readonly collapsible?: boolean; /** * An accessible phrase that screen readers announce before a completed step heading. * @default Klaar */ readonly completedAccessibleText?: string; /** * An accessible phrase that screen readers announce before a current step heading. * @default Bezig */ readonly currentAccessibleText?: string; /** * The hierarchical level of the step Headings within the document. * There is no default value; determine the correct level for this instance. */ readonly headingLevel: ProgressListHeadingLevel; } & Readonly>> & import("react").RefAttributes> & { Step: import("react").ForwardRefExoticComponent<{ readonly collapsed?: boolean; readonly defaultCollapsed?: boolean; readonly defaultExpanded?: boolean; readonly expanded?: boolean; readonly hasSubsteps?: boolean; readonly heading: string; readonly onToggle?: (expanded: boolean) => void; readonly status?: "current" | "completed"; } & Readonly>> & import("react").RefAttributes>; Substep: import("react").ForwardRefExoticComponent<{ readonly status?: import("./ProgressListStep").ProgressListStepProps["status"]; } & Readonly>> & import("react").RefAttributes>; Substeps: import("react").ForwardRefExoticComponent & { children?: import("react").ReactNode | undefined; } & import("react").RefAttributes>; }; export {};