import { Badge } from "@/components/ui/badge";
import { cn } from "@/lib/utils";

type PresentationStatus = "draft" | "in_review" | "approved";

const STATUS_CONFIG = {
  draft: {
    label: "Draft",
    color: "bg-gray-100 text-gray-800 border-gray-200",
  },
  in_review: {
    label: "In Review",
    color: "bg-yellow-100 text-yellow-800 border-yellow-200",
  },
  approved: {
    label: "Approved",
    color: "bg-green-100 text-green-800 border-green-200",
  },
} as const;

interface StatusBadgeProps {
  status: PresentationStatus;
  className?: string;
}

export function StatusBadge({ status, className = "" }: StatusBadgeProps) {
  const config = STATUS_CONFIG[status] || STATUS_CONFIG.draft;

  return (
    <Badge className={cn(config.color, "border font-medium", className)}>
      {config.label}
    </Badge>
  );
}