import * as React from 'react';
import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-qC2HCInM.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';

/**
 * 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;
    /**
     * 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;
    /** Optional Section ID */
    sectionId?: string;
}
/**
 * ComparisonTableTwoColumn - A table-based comparison layout with two columns
 *
 * Displays a side-by-side comparison table with logos or labels at the top and
 * feature rows below. The first column uses highlighted styling to indicate
 * the preferred choice. Rows can optionally display check/x icons for boolean comparisons.
 *
 * Best for: Option comparisons, tier comparisons, analysis,
 * feature-by-feature breakdowns where one option is clearly preferred.
 */
declare function ComparisonTableTwoColumn({ sectionId, heading, description, rows, tableSlot, optionALogo, optionALogoAlt, optionALabel, optionBLogo, optionBLogoAlt, optionBLabel, className, containerClassName, headingClassName, descriptionClassName, tableWrapperClassName, tableGridClassName, optionACellClassName, optionBCellClassName, background, spacing, pattern, patternOpacity, optixFlowConfig, }: ComparisonTableTwoColumnProps): React.JSX.Element;

export { ComparisonTableTwoColumn, type ComparisonTableTwoColumnProps };
