Subscription status card showing plan name, amount, renewal date, a usage bar, and manage or upgrade buttons.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Card18 } from "@/components/beste/piece/card18";
<Card18
plan="Growth · Annual"
amount="$480"
period="/ year"
renews="Renews on May 1, 2026"
usage={64}
usageLabel="160 GB of 250 GB used"
/>