Qreatify Credit Summary Card

import QreatifyCreditSummaryCard from "@/components/ui/qreatify-credit-summary-card";

export default function QreatifyCreditSummaryCardDemo() {
  return (
    <div className="max-w-sm bg-zinc-950 p-6">
      <QreatifyCreditSummaryCard
        planLabel="Spark"
        balances={[
          { label: "AI", remainingLabel: "420 left", percentage: 84 },
          { label: "Integrations", remainingLabel: "96 left", percentage: 48 },
        ]}
        liveProjects={3}
        totalChats={18}
      />
    </div>
  );
}