import * as react from 'react';
import { HTMLAttributes } from 'react';

interface PricingCardProps extends HTMLAttributes<HTMLDivElement> {
    name: React.ReactNode;
    price: React.ReactNode;
    /** Rendered after the price, e.g. "/month" */
    period?: React.ReactNode;
    description?: React.ReactNode;
    features?: React.ReactNode[];
    ctaLabel?: React.ReactNode;
    onCtaClick?: () => void;
    /** Visually highlights this plan as the recommended/featured option */
    featured?: boolean;
    /** Small label shown above the price when featured, e.g. "Most popular" */
    badge?: React.ReactNode;
}
declare const PricingCard: react.ForwardRefExoticComponent<PricingCardProps & react.RefAttributes<HTMLDivElement>>;

export { PricingCard, type PricingCardProps };