import React from "react"; import { Stepper, StepperStepProps } from "../../stepper/index.js"; import { ComponentTranslation } from "../../utils/i18n/i18n.types.js"; export interface FormProgressProps extends React.HTMLAttributes { /** * Total number of steps. */ totalSteps: number; /** * Current active step. * * Index starts at 1, not 0. */ activeStep: number; /** * Shows Stepper if `true`, hides if `false`. * Using this prop removes automatic control of open-state. */ open?: boolean; /** * Callback for current open-state */ onOpenChange?: (open: boolean) => void; /** * Should contain elements. */ children: React.ReactNode; /** * Callback for next `activeStep`. * * Index starts at 1, not 0. */ onStepChange?: (step: number) => void; /** * Makes Stepper non-interactive if false. * @default true */ interactiveSteps?: boolean; /** * i18n API for customizing texts and labels. */ translations?: ComponentTranslation<"FormProgress">; } export type FormProgressStepProps = StepperStepProps; interface FormProgressComponent extends React.ForwardRefExoticComponent> { /** * To be used inside ``. */ Step: typeof Stepper.Step; } /** * Component for visualizing progression in a form with multiple steps. * * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/formprogress) * @see 🏷️ {@link FormProgressProps} * * @example * * Children * Personal information * Summary * */ export declare const FormProgress: FormProgressComponent; export declare const FormProgressStep: import("../../index.js").OverridableComponent; export default FormProgress;