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

interface FaqBenefit {
    icon: string;
    title: React.ReactNode;
    description: React.ReactNode;
}
interface FaqIconBenefitsProps {
    /**
     * Main heading content
     */
    heading?: React.ReactNode;
    /**
     * Description text below heading
     */
    description?: React.ReactNode;
    /**
     * Array of benefit items
     */
    benefits?: FaqBenefit[];
    /**
     * Custom slot for rendering benefits (overrides benefits array)
     */
    benefitsSlot?: React.ReactNode;
    /**
     * 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;
    /**
     * Additional CSS classes for the pattern overlay
     */
    patternClassName?: string;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the header wrapper
     */
    headerClassName?: string;
    /**
     * Additional CSS classes for the heading
     */
    headingClassName?: string;
    /**
     * Additional CSS classes for the description
     */
    descriptionClassName?: string;
    /**
     * Additional CSS classes for the benefits grid
     */
    gridClassName?: string;
    /**
     * Additional CSS classes for benefit cards
     */
    benefitCardClassName?: string;
    /**
     * Additional CSS classes for benefit icons wrapper
     */
    iconWrapperClassName?: string;
    /**
     * Additional CSS classes for benefit icons
     */
    iconClassName?: string;
    /**
     * Additional CSS classes for benefit titles
     */
    titleClassName?: string;
    /**
     * Additional CSS classes for benefit descriptions
     */
    benefitDescriptionClassName?: string;
    /** Optional Section ID */
    sectionId?: string;
}
declare function FaqIconBenefits({ sectionId, heading, description, benefits, benefitsSlot, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, className, headerClassName, headingClassName, descriptionClassName, gridClassName, benefitCardClassName, iconWrapperClassName, iconClassName, titleClassName, benefitDescriptionClassName, }: FaqIconBenefitsProps): react_jsx_runtime.JSX.Element;

export { type FaqBenefit, FaqIconBenefits, type FaqIconBenefitsProps };
