import * as React from 'react';
import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
import 'class-variance-authority';
import './button-variants-lRElsmTc.js';
import 'class-variance-authority/types';

/**
 * Comparison row data for two-column table
 */
interface ComparisonRow {
    label: string;
    optionA: string;
    optionB: string;
    hasIcon?: boolean;
}
interface ComparisonTableTwoColumnProps {
    /**
     * Main heading content
     */
    heading?: React.ReactNode;
    /**
     * Description text below heading
     */
    description?: React.ReactNode;
    /**
     * Array of comparison rows
     */
    rows?: ComparisonRow[];
    /**
     * Custom slot for rendering the table (overrides default table)
     */
    tableSlot?: React.ReactNode;
    /**
     * Logo URL for option A
     */
    optionALogo?: string;
    /**
     * Alt text for option A logo
     */
    optionALogoAlt?: string;
    /**
     * Label for option A (used when no logo)
     */
    optionALabel?: React.ReactNode;
    /**
     * Logo URL for option B
     */
    optionBLogo?: string;
    /**
     * Alt text for option B logo
     */
    optionBLogoAlt?: string;
    /**
     * Label for option B (used when no logo)
     */
    optionBLabel?: 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 grid
     */
    tableGridClassName?: string;
    /**
     * Additional CSS classes for option A cells
     */
    optionACellClassName?: string;
    /**
     * Additional CSS classes for option B cells
     */
    optionBCellClassName?: string;
    /**
     * OptixFlow image optimization configuration
     */
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * ComparisonTableTwoColumn - A table-based comparison layout with two columns
 *
 * Displays a side-by-side comparison table with company logos at the top and
 * feature rows below. The first column (Option A) is highlighted in green tones
 * indicating the preferred choice, while the second column (Option B) uses red
 * tones. Rows can optionally display check/x icons for boolean comparisons.
 *
 * Best for: Product comparisons, service tier comparisons, competitor analysis,
 * feature-by-feature breakdowns where one option is clearly preferred.
 */
declare function ComparisonTableTwoColumn({ heading, description, rows, tableSlot, optionALogo, optionALogoAlt, optionALabel, optionBLogo, optionBLogoAlt, optionBLabel, className, containerClassName, headingClassName, descriptionClassName, tableWrapperClassName, tableGridClassName, optionACellClassName, optionBCellClassName, optixFlowConfig, }: ComparisonTableTwoColumnProps): React.JSX.Element;

export { ComparisonTableTwoColumn, type ComparisonTableTwoColumnProps };
