Table

const ORDERS = [
  { id: "ORD-2026-0114", customer: "김서연", amount: 128000, status: "결제완료" },
  { id: "ORD-2026-0115", customer: "이도현", amount: 64500, status: "배송중" },
]

<Table>
  <TableCaption>2026년 7월 최근 주문 내역</TableCaption>
  <TableHeader>
    <TableRow>
      <TableHead>주문번호</TableHead>
      <TableHead>고객</TableHead>
      <TableHead>상태</TableHead>
      <TableHead className="text-right">결제금액</TableHead>
    </TableRow>
  </TableHeader>
  <TableBody>
    {ORDERS.map((order) => (
      <TableRow key={order.id}>
        <TableCell className="font-medium">{order.id}</TableCell>
        <TableCell>{order.customer}</TableCell>
        <TableCell>{order.status}</TableCell>
        <TableCell className="text-right">{order.amount.toLocaleString()}원</TableCell>
      </TableRow>
    ))}
  </TableBody>
</Table>