"use client";

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

import type { RoleType } from "./types";

type Props = {
  type: RoleType;
  className?: string;
};

export function RoleBadge({ type, className }: Props) {
  return (
    <Badge
      variant="secondary"
      className={cn(
        type === "template"
          ? "bg-blue-100 text-blue-800 dark:bg-blue-950 dark:text-blue-200"
          : "bg-violet-100 text-violet-800 dark:bg-violet-950 dark:text-violet-200",
        className,
      )}
    >
      {type === "template" ? "Template" : "Custom"}
    </Badge>
  );
}