Invoice Summary Card

An invoice card with a reference and paid status, itemized line amounts, and a bold total row.

Invoice

#4821
Paid
Care plan · May$980.00
Lab processing$180.00
Platform fee$80.00
Total$1,240.00

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Receipt2 } from "@/components/beste/piece/receipt2";

<Receipt2
  title="Invoice"
  reference="#4821"
  status="Paid"
  items={[
    {
      "label": "Care plan · May",
      "amount": "$980.00"
    },
    {
      "label": "Lab processing",
      "amount": "$180.00"
    },
    {
      "label": "Platform fee",
      "amount": "$80.00"
    }
  ]}
  total="$1,240.00"
/>