import * as React from "react";
export interface ProductCardProps extends React.HTMLAttributes<HTMLDivElement> {
    productName: string;
    logo?: React.ReactNode;
    planName?: string;
    planIcon?: React.ReactNode;
    description: string;
    badges?: React.ReactNode[];
    footer?: React.ReactNode;
    logoStyle?: React.CSSProperties;
    customStyles?: {
        root?: React.CSSProperties;
        header?: React.CSSProperties;
        logo?: React.CSSProperties;
        description?: React.CSSProperties;
    };
}
/**
 * ProductCard component for subscribed products
 *
 * Used in:
 * - Subscribed products list
 * - Product portfolio view
 * - Dashboard product cards
 *
 * @example
 * ```tsx
 * <ProductCard
 *   productName="iRepo"
 *   logo={<div style={{fontStyle: 'italic'}}>iRepo</div>}
 *   planName="Pro Plan"
 *   planIcon={<TrophyIcon />}
 *   description="Ut sodales, ex sit amet consectetur accumsan, nibh ex sollicitudin metus..."
 *   onClick={() => navigate('/products/irepo')}
 * />
 * ```
 */
export declare const ProductCard: React.ForwardRefExoticComponent<ProductCardProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=product-card.d.ts.map