import { ReactNode } from "react";
export interface Step {
    /**
     * Custom css class name.
     */
    className?: string;
    /**
     * Large decorative number/index shown next to the step (e.g. "01").
     */
    num: string;
    /**
     * Step title.
     */
    title: ReactNode;
    /**
     * Optional status badge next to the title — "now" (shipped) or
     * "roadmap" (not yet built).
     */
    status?: {
        label: string;
        variant: "now" | "roadmap";
    };
    /**
     * Step body content.
     */
    children: ReactNode;
}