import type { LucideIcon } from "lucide-react";
export type OnboardingStepConfig = {
    key: string;
    label: string;
    icon: LucideIcon;
};
type OnboardingStepsProps = {
    steps: OnboardingStepConfig[];
    current: string;
};
/**
 * Container-scoped: in narrow containers only the active step keeps its label
 * (the rest collapse to bubbles), so the strip fits a phone-width panel. The
 * component renders its own `@container` wrapper.
 */
export declare function OnboardingSteps({ steps, current }: OnboardingStepsProps): import("react").JSX.Element;
export * from "./variants.js";
//# sourceMappingURL=index.d.ts.map