import * as react_jsx_runtime from 'react/jsx-runtime';
import { f as SectionBackground } from './community-initiatives-DmVsuoHE.js';
import 'react';
import './blocks-XLPGq8A5.js';
import 'class-variance-authority';
import './button-variants-CdNtNOuP.js';
import 'class-variance-authority/types';

interface FeatureCategory {
    name: string;
    features: {
        name: string;
        tooltip?: string;
        starter: boolean | string;
        professional: boolean | string;
        enterprise: boolean | string;
    }[];
}
interface PricingPlan {
    name: string;
    monthlyPrice: number;
    yearlyPrice: number;
    description?: string;
    buttonText: string;
    buttonHref?: string;
    isPopular?: boolean;
}
interface PricingFeatureMatrixProps {
    className?: string;
    title?: string;
    subtitle?: string;
    plans?: PricingPlan[];
    featureCategories?: FeatureCategory[];
    background?: SectionBackground;
}
/**
 * PricingFeatureMatrix displays a comprehensive pricing comparison with collapsible feature categories.
 * Features a tabs-based monthly/yearly toggle, tooltips for feature explanations, and organized feature groups.
 * Each category can be expanded/collapsed to show detailed feature comparisons.
 *
 * Ideal for products with extensive feature sets that need organized, detailed comparison.
 *
 * @example
 * ```tsx
 * <PricingFeatureMatrix
 *   title="Compare Plans"
 *   plans={[{ name: "Starter", monthlyPrice: 19, yearlyPrice: 190, buttonText: "Get Started" }]}
 *   featureCategories={[
 *     { name: "Core", features: [{ name: "Projects", starter: "5", professional: "Unlimited", enterprise: "Unlimited" }] }
 *   ]}
 * />
 * ```
 */
declare function PricingFeatureMatrix({ className, title, subtitle, plans, featureCategories, background, }: PricingFeatureMatrixProps): react_jsx_runtime.JSX.Element;

export { PricingFeatureMatrix, type PricingFeatureMatrixProps };
