import { cn } from "@/lib/utils";

type Props = {
  active: boolean;
};

export default function StatusBadge({ active }: Props) {
  return (
    <span
      className={cn(
        "inline-flex h-6 items-center rounded-full px-2 text-xs font-medium",
        active
          ? "bg-emerald-50 text-emerald-700 ring-1 ring-emerald-600/20"
          : "bg-slate-100 text-slate-600 ring-1 ring-slate-500/20",
      )}
    >
      {active ? "Aktiv" : "Inaktiv"}
    </span>
  );
}
