import * as React from 'react';
import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-RgHoLtLt.js';
import { O as OptixFlowConfig } from './blocks-DL92rOxr.js';
import 'react/jsx-runtime';
import 'class-variance-authority';
import '@page-speed/pressable';
import '@opensite/hooks/usePlatformFromUrl';

/**
 * Status type for metric values
 */
type MetricStatus = "best" | "worst" | "neutral";
/**
 * Metric value with status indicator
 */
interface MetricValue {
    value: string;
    status: MetricStatus;
}
/**
 * Comparison row data for AI models
 */
interface AiModelComparisonRow {
    metric: string;
    modelA: MetricValue;
    modelB: MetricValue;
    modelC: MetricValue;
}
/**
 * Model information configuration
 */
interface ModelInfo {
    name: string;
    icon?: string;
    iconAlt?: string;
    summary: string[];
    hoverColor: string;
}
/**
 * Models configuration object
 */
interface ModelsConfig {
    modelA: ModelInfo;
    modelB: ModelInfo;
    modelC: ModelInfo;
}
interface ComparisonAiModelsProps {
    /**
     * Main heading content
     */
    heading?: React.ReactNode;
    /**
     * Description text below heading
     */
    description?: React.ReactNode;
    /**
     * Models configuration object
     */
    models?: ModelsConfig;
    /**
     * Array of comparison row data
     */
    comparisonData?: AiModelComparisonRow[];
    /**
     * Custom slot for rendering the table (overrides default table)
     */
    tableSlot?: React.ReactNode;
    /**
     * Custom slot for rendering the analysis section
     */
    analysisSlot?: 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 table wrapper
     */
    tableWrapperClassName?: string;
    /**
     * Additional CSS classes for the table
     */
    tableClassName?: string;
    /**
     * Additional CSS classes for the analysis section
     */
    analysisClassName?: 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;
    /**
     * OptixFlow image optimization configuration
     */
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * ComparisonAiModels - Multi-option comparison table with hover effects
 *
 * Displays a detailed comparison table with interactive hover
 * effects. Each column represents an option with its icon, and cells are
 * color-coded based on performance (best/worst/neutral). Includes a technical
 * analysis section below that highlights on hover.
 *
 * Best for: Model comparisons, API pricing comparisons, technical
 * specification matrices, performance benchmarks.
 */
declare function ComparisonAiModels({ heading, description, models, comparisonData, tableSlot, analysisSlot, className, containerClassName, headingClassName, descriptionClassName, tableWrapperClassName, tableClassName, analysisClassName, background, spacing, pattern, patternOpacity, optixFlowConfig, }: ComparisonAiModelsProps): React.JSX.Element;

export { ComparisonAiModels, type ComparisonAiModelsProps };
