---
import { cn } from "../lib/utils";
interface Props {
  text: string;
  type?: "danger" | "primary" | "default";
}
const { text, type } = Astro.props;
---

<span
  class={cn(
    "border rounded-full text-xs font-medium px-3 py-1",
    type === "danger"
      ? "bg-red-50 border-red-100 text-corporative-red"
      : type === "primary"
        ? "bg-green-50 border-green-100 text-corporative-green"
        : "bg-blue-50 border-blue-300 text-corporative-blue"
  )}
>
  {text}
</span>