export default function Badge({
  variant,
  children
}: {
  variant: "success" | "danger" | "warning" | "secondary" | "info";
  children: string;
}) {
  const cls =
    variant === "success"
      ? "bg-success"
      : variant === "danger"
      ? "bg-danger"
      : variant === "warning"
      ? "bg-warning"
      : variant === "info"
      ? "bg-info"
      : "bg-secondary";
  return <span className={`badge ${cls}`}>{children}</span>;
}