interface Props {

  role: string;

}

export default function RoleBadge({
  role,
}: Props) {

  const isSuper =
    role === "Super Admin";

  return (

    <span
      className={`

      rounded-full

      px-3

      py-1

      text-xs

      font-semibold

      ${
        isSuper
          ? "bg-purple-100 text-purple-700"
          : "bg-blue-100 text-blue-700"
      }

      `}
    >

      {role}

    </span>

  );

}