import * as React from "react";
import { Button } from "./button";
export interface PricingCardProps extends React.HTMLAttributes<HTMLDivElement> {
    planName: string;
    planIcon?: React.ReactNode;
    price: number | string;
    period?: string;
    credits?: string | number;
    perCredit?: string;
    features?: string[] | React.ReactNode[];
    buttonText?: string;
    onSelect?: () => void;
    isSelected?: boolean;
    isPopular?: boolean;
    popularText?: string;
    disabled?: boolean;
    buttonProps?: React.ComponentProps<typeof Button>;
    headerContent?: React.ReactNode;
    footerContent?: React.ReactNode;
    customStyles?: {
        root?: React.CSSProperties;
        header?: React.CSSProperties;
        pricing?: React.CSSProperties;
        features?: React.CSSProperties;
        button?: React.CSSProperties;
    };
}
/**
 * PricingCard component for subscription plans
 *
 * Used for:
 * - Subscription plan selection
 * - Pricing comparison pages
 * - Upgrade/downgrade flows
 *
 * @example
 * ```tsx
 * <PricingCard
 *   planName="Pro Plan"
 *   planIcon={<TrophyIcon />}
 *   price={299.00}
 *   period="/ Month"
 *   credits="25,000 Credits"
 *   perCredit="$0.0196 / Per Credit"
 *   features={[
 *     "Lorem ipsum lorem egestas",
 *     "Vulputate at laoreet senectus",
 *     "Pellentesque pellentesque",
 *     "Ullamcorper nunc"
 *   ]}
 *   buttonText="Select"
 *   onSelect={handleSelect}
 *   isPopular
 * />
 * ```
 */
export declare const PricingCard: React.ForwardRefExoticComponent<PricingCardProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=pricing-card.d.ts.map