import { Badge } from '@/components/ui/Badge';
import { orderStatusMeta, paymentStatusMeta } from '@/utils/statusHelpers';
import type { OrderStatus, PaymentStatus } from '@/types';

export function OrderStatusBadge({ status }: { status: OrderStatus }) {
  const m = orderStatusMeta[status];
  return <Badge tone={m.tone}>{m.label}</Badge>;
}

export function PaymentStatusBadge({ status }: { status: PaymentStatus }) {
  const m = paymentStatusMeta[status];
  return <Badge tone={m.tone}>{m.label}</Badge>;
}