import type { CoreBookingStatus } from "@/lib/features/bookings/types";
import { Badge } from "@mantine/core";

const BookingStatus: React.FC<{ status: CoreBookingStatus }> = ({ status }) => {
  function switchColor() {
    switch (status) {
      case "UPCOMING":
        return "grey.11";
      case "SELF_CANCELLED":
        return "pippin.1";
      default:
        return "grey.11";
    }
  }
  return (
    <Badge
      color={switchColor()}
      radius={4}
      c={"dark"}
      fz={12}
      tt={"capitalize"}
      size="lg"
      fw={500}
    >
      {status.replaceAll("_", " ").toLowerCase()}
    </Badge>
  );
};

export default BookingStatus;