import React from "react";
export interface RoadMapStage {
    /**
     * Name of the stage
     */
    name: string;
    /**
     * Optional description shown below the name
     */
    description?: string;
    /**
     * Optional FontAwesome 5 icon class (e.g., "fa-check", "fa-user")
     */
    icon?: string;
    /**
     * Whether the stage is disabled (shown with 0.5 opacity)
     */
    disabled?: boolean;
    /**
     * Color variant for the stage circle
     */
    variant?: "primary" | "secondary" | "success" | "warning" | "danger" | "info";
    /**
     * Custom background color (hexadecimal, rgb, or color name)
     * Takes precedence over variant if provided
     */
    bg?: string;
}
export interface RoadMapProps {
    /**
     * Array of stages to display
     */
    stages: RoadMapStage[];
    /**
     * Optional additional CSS classes
     */
    className?: string;
}
/**
 * RoadMap component displays a series of stages like metro stations
 *
 * @example
 * // Basic usage
 * <RoadMap stages={[
 *   { name: "Start", variant: "primary" },
 *   { name: "Middle", variant: "success" },
 *   { name: "End", variant: "info" }
 * ]} />
 *
 * @example
 * // With icons and descriptions
 * <RoadMap stages={[
 *   { name: "Planning", description: "Define requirements", icon: "fa-clipboard", variant: "primary" },
 *   { name: "Development", description: "Build the feature", icon: "fa-code", variant: "success" },
 *   { name: "Testing", description: "Test thoroughly", icon: "fa-check-circle", variant: "warning" }
 * ]} />
 */
export declare const RoadMap: React.FC<RoadMapProps>;
//# sourceMappingURL=RoadMap.d.ts.map