import * as React from 'react';
import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
import { A as ActionConfig } from './blocks-XLPGq8A5.js';
import 'react/jsx-runtime';
import 'class-variance-authority';
import './button-variants-CdNtNOuP.js';
import 'class-variance-authority/types';

interface PricingSpotlightCardFeature {
    /**
     * Feature text
     */
    text?: React.ReactNode;
    /**
     * Optional icon element
     */
    icon?: React.ReactNode;
    /**
     * Optional icon name for DynamicIcon
     */
    iconName?: string;
    /**
     * Additional CSS classes for the feature item
     */
    className?: string;
    /**
     * Additional CSS classes for the icon
     */
    iconClassName?: string;
    /**
     * Additional CSS classes for the feature text
     */
    textClassName?: string;
}
interface PricingSpotlightCardProps {
    /**
     * Card title
     */
    title?: React.ReactNode;
    /**
     * Eyebrow/subtitle text
     */
    subtitle?: React.ReactNode;
    /**
     * Price display
     */
    price?: React.ReactNode;
    /**
     * Price description or interval
     */
    priceDescription?: React.ReactNode;
    /**
     * Supporting description
     */
    description?: React.ReactNode;
    /**
     * Feature list
     */
    features?: PricingSpotlightCardFeature[];
    /**
     * Custom slot for rendering features (overrides features array)
     */
    featuresSlot?: React.ReactNode;
    /**
     * Default icon for features
     */
    featureIcon?: React.ReactNode;
    /**
     * Default icon name for features
     */
    featureIconName?: string;
    /**
     * Call-to-action buttons
     */
    actions?: ActionConfig[];
    /**
     * Custom slot for rendering actions (overrides actions array)
     */
    actionsSlot?: React.ReactNode;
    /**
     * Fine print text below actions
     */
    finePrint?: 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 spotlight wrapper
     */
    spotlightClassName?: string;
    /**
     * Additional CSS classes for the glow layer
     */
    glowClassName?: string;
    /**
     * Additional CSS classes for the card
     */
    cardClassName?: string;
    /**
     * Additional CSS classes for the header area
     */
    headerClassName?: string;
    /**
     * Additional CSS classes for the subtitle
     */
    subtitleClassName?: string;
    /**
     * Additional CSS classes for the title
     */
    titleClassName?: string;
    /**
     * Additional CSS classes for the description
     */
    descriptionClassName?: string;
    /**
     * Additional CSS classes for the price
     */
    priceClassName?: string;
    /**
     * Additional CSS classes for the price description
     */
    priceDescriptionClassName?: string;
    /**
     * Additional CSS classes for the features list
     */
    featuresClassName?: string;
    /**
     * Additional CSS classes for feature items
     */
    featureItemClassName?: string;
    /**
     * Additional CSS classes for the feature icon wrapper
     */
    featureIconWrapperClassName?: string;
    /**
     * Additional CSS classes for feature icons
     */
    featureIconClassName?: string;
    /**
     * Additional CSS classes for feature text
     */
    featureTextClassName?: string;
    /**
     * Additional CSS classes for the actions container
     */
    actionsClassName?: string;
    /**
     * Additional CSS classes for the action buttons
     */
    actionClassName?: string;
    /**
     * Additional CSS classes for the fine print
     */
    finePrintClassName?: string;
}
/**
 * PricingSpotlightCard displays a single premium pricing card with a spotlight/glow effect.
 * Features a gradient border, prominent pricing display, and dual CTA buttons.
 * Ideal for highlighting a single premium offering or featured plan.
 *
 * Perfect for landing pages showcasing a flagship product or service.
 *
 * @example
 * ```tsx
 * <PricingSpotlightCard
 *   title="Premium Plan"
 *   subtitle="Everything you need"
 *   price="$99"
 *   features={[{ text: "Feature 1" }, { text: "Feature 2" }]}
 *   actions={[{ label: "Get Started", href: "#" }]}
 * />
 * ```
 */
declare function PricingSpotlightCard({ title, subtitle, price, priceDescription, description, features, featuresSlot, featureIcon, featureIconName, actions, actionsSlot, finePrint, background, spacing, pattern, patternOpacity, patternClassName, className, containerClassName, spotlightClassName, glowClassName, cardClassName, headerClassName, subtitleClassName, titleClassName, descriptionClassName, priceClassName, priceDescriptionClassName, featuresClassName, featureItemClassName, featureIconWrapperClassName, featureIconClassName, featureTextClassName, actionsClassName, actionClassName, finePrintClassName, }: PricingSpotlightCardProps): React.JSX.Element;

export { PricingSpotlightCard, type PricingSpotlightCardProps };
