import * as React from 'react';
import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
import { A as ActionConfig } from './blocks-XLPGq8A5.js';
import 'react/jsx-runtime';
import 'class-variance-authority';
import './button-variants-CdNtNOuP.js';
import 'class-variance-authority/types';

/**
 * Metric value with optional unit and description
 */
interface MetricValue {
    value: string;
    unit?: string;
    desc: string;
}
/**
 * Metric row configuration for comparison
 */
interface MetricRow {
    title: string;
    optionA: MetricValue;
    optionB: MetricValue;
}
interface ComparisonMetricsRowsProps {
    /**
     * Main heading content
     */
    heading?: React.ReactNode;
    /**
     * Description text below heading
     */
    description?: React.ReactNode;
    /**
     * Label for option A column
     */
    optionALabel?: React.ReactNode;
    /**
     * Label for option B column
     */
    optionBLabel?: React.ReactNode;
    /**
     * Array of metric rows to display
     */
    metrics?: MetricRow[];
    /**
     * Custom slot for rendering metrics (overrides metrics array)
     */
    metricsSlot?: React.ReactNode;
    /**
     * Array of footnote strings
     */
    footnotes?: string[];
    /**
     * Array of action configurations for CTA buttons
     */
    actions?: ActionConfig[];
    /**
     * Custom slot for rendering actions (overrides actions array)
     */
    actionsSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the heading
     */
    headingClassName?: string;
    /**
     * Additional CSS classes for the description
     */
    descriptionClassName?: string;
    /**
     * Additional CSS classes for the metrics container
     */
    metricsClassName?: string;
    /**
     * Additional CSS classes for metric rows
     */
    metricRowClassName?: string;
    /**
     * Additional CSS classes for the footnotes container
     */
    footnotesClassName?: string;
    /**
     * Additional CSS classes for the actions container
     */
    actionsClassName?: string;
    /**
     * Background style for the section
     */
    background?: SectionBackground;
    /**
     * Vertical spacing for the section
     */
    spacing?: SectionSpacing;
    /**
     * Optional background pattern name or URL
     */
    pattern?: PatternName | undefined;
    /**
     * Pattern overlay opacity (0-1)
     */
    patternOpacity?: number;
}
/**
 * ComparisonMetricsRows - Data-heavy comparison with metrics in rows
 *
 * Displays quantitative metrics in horizontal rows with large typography for
 * values and supporting descriptions. Each row compares two options with
 * prominent numbers, optional units, and explanatory text. Includes column
 * headers, footnotes section, and a call-to-action button.
 *
 * Best for: ROI comparisons, cost analysis, timeline comparisons, performance
 * metrics, quantitative feature breakdowns.
 */
declare function ComparisonMetricsRows({ heading, description, optionALabel, optionBLabel, metrics, metricsSlot, footnotes, actions, actionsSlot, className, containerClassName, headingClassName, descriptionClassName, metricsClassName, metricRowClassName, footnotesClassName, actionsClassName, background, spacing, pattern, patternOpacity, }: ComparisonMetricsRowsProps): React.JSX.Element;

export { ComparisonMetricsRows, type ComparisonMetricsRowsProps };
