import React from "react"; interface ProcessProps extends React.HTMLAttributes { /** * `` elements. */ children: React.ReactNode; /** * Hides the "aktiv"-text when the event is active. * @default false */ hideStatusText?: boolean; /** * Indicates that the process is truncated and that there are more Events * not shown either before, after or on both sides of the current list. */ isTruncated?: "start" | "end" | "both"; } interface ProcessComponent extends React.ForwardRefExoticComponent> { /** * @see 🏷️ {@link ProcessEventProps} */ Event: typeof ProcessEvent; } /** * A component that presents a Process as a vertical line of events. * Each event can contain information, actions, links or status indicators. * * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/process) * @see 🏷️ {@link ProcessProps} * * @example * ```jsx * <> * * Søknadssteg * * * * } * > * Saksopplysninger er sendt inn * * *

Vedlegg er lastet opp

*

* Dokumentasjon av saksopplysninger er lastet opp og tilgjengelig for * saksbehandler. *

*
* * Det er gjort endelig vedtak i saken * *
* * ``` */ export declare const Process: ProcessComponent; interface ProcessEventProps extends React.HTMLAttributes { /** * Rich content to display under the title and timestamp if provided. */ children?: React.ReactNode; /** * Hide the content section of the event. */ hideContent?: boolean; /** * Step title. */ title?: string; /** * Timestamp or date to display for event. */ timestamp?: string; /** * Icon or number to display inside the bullet. */ bullet?: React.ReactNode; /** * Current event status. * @default "uncompleted" */ status?: "active" | "completed" | "uncompleted"; } export declare const ProcessEvent: React.ForwardRefExoticComponent>; export type { ProcessEventProps, ProcessProps };