import * as React from "react";
export interface BillingCardProps extends React.HTMLAttributes<HTMLDivElement> {
    planName: string;
    planIcon?: React.ReactNode;
    credits?: string | number;
    price: number | string;
    period?: string;
    perCredit?: string;
    description?: string;
    renewsOn?: string;
    action?: React.ReactNode;
    customStyles?: {
        root?: React.CSSProperties;
        header?: React.CSSProperties;
        pricing?: React.CSSProperties;
        footer?: React.CSSProperties;
    };
}
/**
 * BillingCard component for current billing plan display
 *
 * Used in:
 * - Billing overview
 * - Subscription management
 * - Plan details page
 *
 * @example
 * ```tsx
 * <BillingCard
 *   planName="Pro Plan"
 *   planIcon={<TrophyIcon />}
 *   credits="25,000 Credits"
 *   price={299.00}
 *   period="/ Month"
 *   perCredit="$0.012 / Per Credit"
 *   description="Lorem ipsum dolor sit amet consectetur..."
 *   renewsOn="21 March 2025"
 * />
 * ```
 */
export declare const BillingCard: React.ForwardRefExoticComponent<BillingCardProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=billing-card.d.ts.map