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

/**
 * Feature status type
 */
type FeatureStatus = true | false | "partial";
/**
 * Feature row data for the comparison grid
 */
interface FeatureGridRow {
    icon: string;
    label: string;
    description: string;
    optionA: FeatureStatus;
    optionB: FeatureStatus;
}
interface ComparisonFeatureGridProps {
    /**
     * 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 feature rows
     */
    features?: FeatureGridRow[];
    /**
     * Custom slot for rendering the grid (overrides default grid)
     */
    gridSlot?: 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 grid wrapper
     */
    gridWrapperClassName?: string;
    /**
     * Additional CSS classes for the grid header
     */
    gridHeaderClassName?: string;
    /**
     * Additional CSS classes for grid rows
     */
    gridRowClassName?: 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;
    /** Optional Section ID */
    sectionId?: string;
}
/**
 * ComparisonFeatureGrid - Feature grid with icons and status indicators
 *
 * Displays features in a responsive list format with icons, labels, descriptions,
 * and check/x indicators for each option. Each row shows the feature icon on the
 * left, feature details in the middle, and status indicators on the right.
 * Supports true/false/partial states with corresponding visual indicators.
 *
 * Best for: Framework comparisons, library comparisons, detailed feature
 * matrices, technology stack evaluations.
 */
declare function ComparisonFeatureGrid({ sectionId, heading, description, optionALabel, optionBLabel, features, gridSlot, className, containerClassName, headingClassName, descriptionClassName, gridWrapperClassName, gridHeaderClassName, gridRowClassName, background, spacing, pattern, patternOpacity, }: ComparisonFeatureGridProps): React.JSX.Element;

export { ComparisonFeatureGrid, type ComparisonFeatureGridProps };
