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 item configuration for grid comparison
 */
interface GridFeatureItem {
    icon: string;
    title: string;
    description: string;
    optionAValue: string;
    optionBValue: string;
    optionAHighlight?: boolean;
    optionBHighlight?: boolean;
}
interface ComparisonGridBadgesProps {
    /**
     * Main heading content
     */
    heading?: React.ReactNode;
    /**
     * Description text below heading
     */
    description?: React.ReactNode;
    /**
     * Label for option A
     */
    optionALabel?: React.ReactNode;
    /**
     * Label for option B
     */
    optionBLabel?: React.ReactNode;
    /**
     * Array of feature items to display
     */
    features?: GridFeatureItem[];
    /**
     * Custom slot for rendering features (overrides features array)
     */
    featuresSlot?: 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 features grid
     */
    featuresGridClassName?: string;
    /**
     * Additional CSS classes for individual feature cards
     */
    featureCardClassName?: string;
    /**
     * Additional CSS classes for badges
     */
    badgeClassName?: 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;
}
/**
 * ComparisonGridBadges - Grid-based comparison with icons and badges
 *
 * Displays features in a grid layout with icons, descriptions, and badge-style
 * value indicators for each option. Each feature card shows an icon, title,
 * description, and two badges comparing the options. Highlighted badges use
 * a distinct color to indicate the preferred choice.
 *
 * Best for: Feature comparisons, technical specification comparisons,
 * tier breakdowns, capability matrices.
 */
declare function ComparisonGridBadges({ sectionId, heading, description, optionALabel, optionBLabel, features, featuresSlot, className, containerClassName, headingClassName, descriptionClassName, featuresGridClassName, featureCardClassName, badgeClassName, background, spacing, pattern, patternOpacity, }: ComparisonGridBadgesProps): React.JSX.Element;

export { ComparisonGridBadges, type ComparisonGridBadgesProps };
