20 lines
476 B
TypeScript
20 lines
476 B
TypeScript
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>
|
|
);
|
|
}
|