import { type ComponentPropsWithoutRef, type ReactNode } from "react";
import { type CardRadius } from "../Card";
export type PricingCardFeature = ReactNode | {
    /** Feature description. */
    text: ReactNode;
    /**
     * Whether the feature is included in this tier. When `false`, the
     * row renders with a strike-through + grey color and an "×" icon
     * — common pattern in compare-tier pricing tables.
     */
    included?: boolean;
    /** Override the per-row icon (replaces both check and ×). */
    icon?: ReactNode;
};
export interface PricingCardProps extends Omit<ComponentPropsWithoutRef<"div">, "title" | "onChange" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart"> {
    /** Tier name (Free / Pro / Team / Enterprise). */
    name: ReactNode;
    /** Heading level for the tier name. Default `"h3"`. */
    nameAs?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
    description?: ReactNode;
    /** Price body (e.g. `"$19"`, `"Custom"`). */
    price: ReactNode;
    /** Period after the price (e.g. `"/month"`). Default `"/month"`. */
    pricePeriod?: ReactNode;
    /** Feature list. Each item may be a node OR a structured `{ text, included, icon }`. */
    features: PricingCardFeature[];
    /** Top-right badge (e.g. "POPULAR"). */
    badge?: ReactNode;
    /** Highlight this tier (accent border + soft accent bg). */
    highlighted?: boolean;
    /** CTA block at the bottom (typically a `<Button>`). */
    cta?: ReactNode;
    /** Card corner radius (passes through to Card). */
    radius?: CardRadius;
}
export declare const PricingCard: import("react").ForwardRefExoticComponent<PricingCardProps & import("react").RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=PricingCard.d.ts.map