import * as React from "react";
export interface CreditBalanceCardProps extends React.HTMLAttributes<HTMLDivElement> {
    title?: string;
    currentCredits: number;
    totalCredits: number;
    description?: string;
    progressColor?: "brand" | "success" | "warning" | "error";
    showPercentage?: boolean;
    footer?: React.ReactNode;
    customStyles?: {
        root?: React.CSSProperties;
        title?: React.CSSProperties;
        balance?: React.CSSProperties;
        description?: React.CSSProperties;
    };
}
/**
 * CreditBalanceCard component for credit balance display
 *
 * Used in:
 * - Billing overview
 * - Credit usage dashboard
 * - Account summary
 *
 * @example
 * ```tsx
 * <CreditBalanceCard
 *   title="Credit Balance"
 *   currentCredits={1845}
 *   totalCredits={25000}
 *   description="Lorem ipsum dolor sit amet consectetur..."
 * />
 * ```
 */
export declare const CreditBalanceCard: React.ForwardRefExoticComponent<CreditBalanceCardProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=credit-balance-card.d.ts.map