import { type ReactNode } from "react";
import type { GovTimelineChangeEvent, JSX } from "@gov-design-system-ce/components";
import { type GovTimelineHostAttributes } from "./hostAttributes";
export type GovTimelineProps = Pick<JSX.GovTimeline, "columns" | "numbered" | "navTitle" | "accessibleNavLabel" | "accessibleStepLabel" | "noNav" | "headlineTag" | "actionAlign"> & GovTimelineHostAttributes & {
    className?: string;
    children?: ReactNode;
    /**
     * Called when the current section changes (scroll-spy or a click on a nav link). Only the
     * timeline's own `gov-change`: one bubbling up from its content (a form control or an
     * accordion inside a card) is not passed on.
     */
    onGovChange?: (event: CustomEvent<GovTimelineChangeEvent>) => void;
};
/**
 * Thin wrapper around the `gov-timeline` custom element. Unlike the stateless wrappers
 * in this package it cannot mirror the web component's markup: the timeline lays out its
 * categories, steps and cards at runtime (`gov-timeline.layout.ts`), so the web
 * component has to be registered on the page. The children are rendered as real DOM
 * children of the element; the host routes them into place itself.
 *
 * Register them with `defineCustomElements()` from `@gov-design-system-ce/components/loader`
 * (see the package README); without it the elements stay inert and un-laid-out, which
 * `GovTimeline` reports with a development warning.
 *
 * The ref is the `gov-timeline` element, so `ref.current.refresh()` is available.
 */
export declare const GovTimeline: import("react").ForwardRefExoticComponent<Pick<JSX.GovTimeline, "columns" | "numbered" | "navTitle" | "accessibleNavLabel" | "accessibleStepLabel" | "noNav" | "headlineTag" | "actionAlign"> & import("react").AriaAttributes & {
    [dataAttribute: `data-${string}`]: string | number | boolean;
    id?: string;
    style?: import("react").CSSProperties;
} & {
    className?: string;
    children?: ReactNode;
    /**
     * Called when the current section changes (scroll-spy or a click on a nav link). Only the
     * timeline's own `gov-change`: one bubbling up from its content (a form control or an
     * accordion inside a card) is not passed on.
     */
    onGovChange?: (event: CustomEvent<GovTimelineChangeEvent>) => void;
} & import("react").RefAttributes<HTMLGovTimelineElement>>;