import { HTMLAttributes, ReactNode } from 'react';
export type StepProgressState = "done" | "active" | "pending" | "disabled";
export type StepProgressStep = {
    id?: string;
    label: ReactNode;
    status?: StepProgressState;
    disabled?: boolean;
};
export type StepProgressCardProps = HTMLAttributes<HTMLElement> & {
    eyebrow?: ReactNode;
    title?: ReactNode;
    steps: StepProgressStep[];
    currentStep?: number;
    surface?: "card" | "plain";
    animated?: boolean;
};
export declare const StepProgressCard: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
    eyebrow?: ReactNode;
    title?: ReactNode;
    steps: StepProgressStep[];
    currentStep?: number;
    surface?: "card" | "plain";
    animated?: boolean;
} & import('react').RefAttributes<HTMLElement>>;
