import * as react_jsx_runtime from 'react/jsx-runtime';
import { S as SectionBackground } from './community-initiatives--8cXayNa.js';
import './blocks-DCvdF54D.js';
import 'react';
import 'class-variance-authority';
import '@page-speed/pressable';
import '@opensite/hooks/usePlatformFromUrl';

interface PlanFeature {
    name: string;
    tooltip?: string;
    free: boolean | string;
    pro: boolean | string;
    enterprise: boolean | string;
}
interface PricingPlan {
    name: string;
    monthlyPrice: number;
    yearlyPrice: number;
    description?: string;
    buttonText: string;
    buttonHref?: string;
    isPopular?: boolean;
}
interface PricingResponsiveTableProps {
    className?: string;
    title?: string;
    subtitle?: string;
    plans?: PricingPlan[];
    features?: PlanFeature[];
    background?: SectionBackground;
    /** Optional Section ID */
    sectionId?: string;
}
/**
 * PricingResponsiveTable displays a comprehensive pricing comparison with mobile and desktop views.
 * Features a monthly/yearly toggle, tooltips for feature explanations, and responsive card/table layouts.
 * Mobile view shows individual plan cards, while desktop shows a full comparison table.
 *
 * Ideal for products with multiple tiers that need detailed feature comparison.
 *
 * @example
 * ```tsx
 * <PricingResponsiveTable
 *   title="Compare Plans"
 *   plans={[
 *     { name: "Free", monthlyPrice: 0, yearlyPrice: 0, buttonText: "Get Started" }
 *   ]}
 *   features={[
 *     { name: "Projects", free: "3", pro: "Unlimited", enterprise: "Unlimited" }
 *   ]}
 * />
 * ```
 */
declare function PricingResponsiveTable({ sectionId, className, title, subtitle, plans, features, background, }: PricingResponsiveTableProps): react_jsx_runtime.JSX.Element;

export { PricingResponsiveTable, type PricingResponsiveTableProps };
