import { ReservationStatus } from "@/lib/types";

const statusClasses: Record<ReservationStatus, string> = {
  pending: "is-pending",
  confirmed: "is-confirmed",
  seated: "is-seated",
  completed: "is-completed",
  cancelled: "is-cancelled",
  no_show: "is-no-show"
};

const statusLabels: Record<ReservationStatus, string> = {
  pending: "In attesa",
  confirmed: "Confermata",
  seated: "Al tavolo",
  completed: "Completata",
  cancelled: "Cancellata",
  no_show: "No show"
};

export function StatusBadge({ status }: { status: ReservationStatus }) {
  return <span className={`subtle-pill status-badge ${statusClasses[status]}`}>{statusLabels[status]}</span>;
}