OrderStatusBadge
DomainTracks an order through its full lifecycle from Pending to Delivered or Refunded.
PendingConfirmedPaidProcessingShippedDeliveredCancelledRefunded
{(['PENDING', 'CONFIRMED', 'PAID', 'PROCESSING', 'SHIPPED', 'DELIVERED', 'CANCELLED', 'REFUNDED'] as const).map((s) => (
<OrderStatusBadge key={s} status={s} />
))}PendingShippedDeliveredCancelled
{(['PENDING', 'SHIPPED', 'DELIVERED', 'CANCELLED'] as const).map((s) => (
<OrderStatusBadge key={s} status={s} size="sm" />
))}