import * as react_jsx_runtime from 'react/jsx-runtime';

/**
 * A comparison bar item
 */
interface ComparisonBar {
    /**
     * The label for the bar
     */
    label: string;
    /**
     * The value (0-100 for percentage width)
     */
    value: number;
    /**
     * Display value text (e.g., "$2.4M", "89%")
     */
    displayValue: string;
    /**
     * Color class for the bar (e.g., "bg-primary", "bg-emerald-500")
     */
    color?: string;
}
/**
 * A comparison group with multiple bars
 */
interface ComparisonGroup {
    /**
     * Title for the comparison group
     */
    title: string;
    /**
     * Bars to compare
     */
    bars: ComparisonBar[];
}
/**
 * Props for the StatsBarComparison component
 */
interface StatsBarComparisonProps {
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Badge text above the heading
     */
    badge?: string;
    /**
     * Main heading text
     */
    heading?: string;
    /**
     * Description text below the heading
     */
    description?: string;
    /**
     * Array of comparison groups
     */
    comparisons?: ComparisonGroup[];
    /**
     * Whether to animate bars on scroll
     * @default true
     */
    animate?: boolean;
}
/**
 * StatsBarComparison - A visual comparison section featuring animated horizontal
 * bar charts that compare platform metrics against industry averages. Each group
 * displays a title and two bars with labels and values. Bars animate from 0 to
 * their target width when scrolled into view. Ideal for competitive analysis,
 * benchmark comparisons, or showcasing platform advantages.
 *
 * @example
 * ```tsx
 * <StatsBarComparison
 *   badge="Competitive Edge"
 *   heading="How We Compare"
 *   comparisons={[
 *     {
 *       title: "Revenue Growth",
 *       bars: [
 *         { label: "Our Platform", value: 89, displayValue: "$2.4M", color: "bg-primary" },
 *         { label: "Industry Average", value: 34, displayValue: "$920K" },
 *       ],
 *     },
 *   ]}
 * />
 * ```
 */
declare function StatsBarComparison({ className, badge, heading, description, comparisons, animate, }: StatsBarComparisonProps): react_jsx_runtime.JSX.Element;

export { type ComparisonBar, type ComparisonGroup, StatsBarComparison, type StatsBarComparisonProps };
