import * as react_jsx_runtime from 'react/jsx-runtime';
import * as React from 'react';
import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-rTRuDt0r.js';
import './blocks-BlWXj9GI.js';
import 'class-variance-authority';
import './button-variants-8mtEHxev.js';
import 'class-variance-authority/types';
import '@opensite/hooks/usePlatformFromUrl';

/**
 * A comparison bar item.
 * Used to display a single bar in a comparison visualization.
 */
interface ComparisonBar {
    /**
     * The label for the bar
     */
    label: React.ReactNode;
    /**
     * The value (0-100 for percentage width)
     */
    value: number;
    /**
     * Display value text (e.g., "$2.4M", "89%")
     */
    displayValue: React.ReactNode;
    /**
     * Color class for the bar (e.g., "bg-primary", "bg-emerald-500")
     */
    color?: string;
    /**
     * Additional CSS classes for the bar
     */
    className?: string;
}
/**
 * A comparison group with multiple bars.
 * Used to group related comparison bars together.
 */
interface ComparisonGroup {
    /**
     * Title for the comparison group
     */
    title: React.ReactNode;
    /**
     * Bars to compare
     */
    bars: ComparisonBar[];
    /**
     * Additional CSS classes for the group
     */
    className?: string;
}
/**
 * Props for the StatsBarComparison component.
 * A visual comparison section featuring animated horizontal bar charts.
 */
interface StatsBarComparisonProps {
    /**
     * Badge content above the heading
     */
    badge?: React.ReactNode;
    /**
     * Custom badge slot (overrides badge)
     */
    badgeSlot?: React.ReactNode;
    /**
     * Main heading content
     */
    heading?: React.ReactNode;
    /**
     * Description content below the heading
     */
    description?: React.ReactNode;
    /**
     * Array of comparison groups
     */
    comparisons?: ComparisonGroup[];
    /**
     * Custom slot for rendering comparisons (overrides comparisons array)
     */
    comparisonsSlot?: React.ReactNode;
    /**
     * Whether to animate bars on scroll
     * @default true
     */
    animate?: boolean;
    /**
     * Background style for the section
     */
    background?: SectionBackground;
    /**
     * Vertical spacing for the section
     */
    spacing?: SectionSpacing;
    /**
     * Background pattern
     */
    pattern?: PatternName;
    /**
     * Pattern opacity (0-1)
     */
    patternOpacity?: number;
    /**
     * Additional CSS classes for the pattern
     */
    patternClassName?: string;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the header
     */
    headerClassName?: string;
    /**
     * Additional CSS classes for the badge
     */
    badgeClassName?: string;
    /**
     * Additional CSS classes for the heading
     */
    headingClassName?: string;
    /**
     * Additional CSS classes for the description
     */
    descriptionClassName?: string;
    /**
     * Additional CSS classes for the comparisons container
     */
    comparisonsClassName?: string;
    /**
     * Additional CSS classes for comparison group cards
     */
    groupCardClassName?: string;
    /**
     * Additional CSS classes for group titles
     */
    groupTitleClassName?: string;
    /**
     * Additional CSS classes for bar labels
     */
    barLabelClassName?: string;
    /**
     * Additional CSS classes for bar values
     */
    barValueClassName?: string;
    /**
     * Additional CSS classes for bar tracks
     */
    barTrackClassName?: string;
}
/**
 * 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({ badge, badgeSlot, heading, description, comparisons, comparisonsSlot, animate, background, pattern, patternOpacity, patternClassName, className, containerClassName, spacing, headerClassName, badgeClassName, headingClassName, descriptionClassName, comparisonsClassName, groupCardClassName, groupTitleClassName, barLabelClassName, barValueClassName, barTrackClassName, }: StatsBarComparisonProps): react_jsx_runtime.JSX.Element;

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