import * as React from "react";
export interface MilestoneStep {
    id: string;
    label: string;
    description?: string;
    completed?: boolean;
}
export interface MilestoneSection {
    id: string;
    title: string;
    description: string;
    steps: MilestoneStep[];
}
export interface Milestone {
    id: string;
    label: string;
    sections: MilestoneSection[];
}
export interface MilestoneTrackerRef {
    reset: () => void;
    getCompletedSteps: () => string[];
    getCurrentMilestone: () => Milestone | undefined;
}
export interface MilestoneTrackerProps {
    milestones: Milestone[];
    onStepComplete?: (stepId: string, completed: boolean) => void;
    onMilestoneChange?: (milestoneId: string) => void;
    className?: string;
    storageKey?: string;
}
export interface MilestoneProgressProps {
    milestones: Milestone[];
    currentMilestoneIndex: number;
    className?: string;
}
export interface MilestoneSectionsProps {
    sections: MilestoneSection[];
    onStepToggle: (stepId: string) => void;
    completingStepId: string | null;
    className?: string;
}
export declare const MilestoneProgress: React.ForwardRefExoticComponent<MilestoneProgressProps & React.RefAttributes<HTMLDivElement>>;
export declare const MilestoneSections: React.ForwardRefExoticComponent<MilestoneSectionsProps & React.RefAttributes<HTMLDivElement>>;
export declare const MilestoneTracker: React.ForwardRefExoticComponent<MilestoneTrackerProps & React.RefAttributes<MilestoneTrackerRef>>;
//# sourceMappingURL=MilestoneTracker.d.ts.map