/** * @license EUPL-1.2+ * Copyright Gemeente Amsterdam */ import type { HTMLAttributes, PropsWithChildren } from 'react'; export type ProgressListStepProps = { /** * Whether the step content is collapsed. * @deprecated Use the `expanded` prop instead (its value is inverted). Will be removed on or after 2027-01-10. */ readonly collapsed?: boolean; /** * Whether the content is initially collapsed. * @deprecated Use the `defaultExpanded` prop instead (its value is inverted). Will be removed on or after 2027-01-10. */ readonly defaultCollapsed?: boolean; /** * Whether the content is initially displayed. * Defaults to `false` when `status` is `'completed'`, and `true` otherwise. * Ignored when `collapsible` is `false` on the parent, or when `expanded` (or the deprecated `collapsed`) is provided. */ readonly defaultExpanded?: boolean; /** * Whether the step content is displayed. * When provided, the component is controlled and internal state is ignored. * Has no effect when `collapsible` is `false` on the parent. */ readonly expanded?: boolean; /** Whether the step contains a list of substeps. This is needed to draw the connecting lines correctly. */ readonly hasSubsteps?: boolean; /** The heading text for this step. */ readonly heading: string; /** * Callback fired when the step is expanded or collapsed. Receives the new expanded state. * Ignored if `collapsible` is `false`. */ readonly onToggle?: (expanded: boolean) => void; /** The current progress state of the step. */ readonly status?: 'current' | 'completed'; } & Readonly>>; /** * A single step within a Progress List, showing its status and optional detail content. * * @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-progress-list--docs Progress List docs at Amsterdam Design System} */ export declare const ProgressListStep: import("react").ForwardRefExoticComponent<{ /** * Whether the step content is collapsed. * @deprecated Use the `expanded` prop instead (its value is inverted). Will be removed on or after 2027-01-10. */ readonly collapsed?: boolean; /** * Whether the content is initially collapsed. * @deprecated Use the `defaultExpanded` prop instead (its value is inverted). Will be removed on or after 2027-01-10. */ readonly defaultCollapsed?: boolean; /** * Whether the content is initially displayed. * Defaults to `false` when `status` is `'completed'`, and `true` otherwise. * Ignored when `collapsible` is `false` on the parent, or when `expanded` (or the deprecated `collapsed`) is provided. */ readonly defaultExpanded?: boolean; /** * Whether the step content is displayed. * When provided, the component is controlled and internal state is ignored. * Has no effect when `collapsible` is `false` on the parent. */ readonly expanded?: boolean; /** Whether the step contains a list of substeps. This is needed to draw the connecting lines correctly. */ readonly hasSubsteps?: boolean; /** The heading text for this step. */ readonly heading: string; /** * Callback fired when the step is expanded or collapsed. Receives the new expanded state. * Ignored if `collapsible` is `false`. */ readonly onToggle?: (expanded: boolean) => void; /** The current progress state of the step. */ readonly status?: "current" | "completed"; } & Readonly>> & import("react").RefAttributes>;