interface Props {
  action: string;
}

export default function ActionBadge({
  action,
}: Props) {

  let classes =
    "inline-flex items-center rounded-full px-3 py-1 text-xs font-semibold";

  switch (action) {

  case "LOGIN":
    classes += " bg-green-100 text-green-700";
    break;

  case "Create Admin":
    classes += " bg-green-100 text-green-700";
    break;

  case "Promote Admin":
    classes += " bg-blue-100 text-blue-700";
    break;

  case "Demote Admin":
    classes += " bg-yellow-100 text-yellow-700";
    break;

  case "Delete Admin":
    classes += " bg-red-100 text-red-700";
    break;

  case "Delete Profile":
    classes += " bg-orange-100 text-orange-700";
    break;

  default:
    classes += " bg-gray-100 text-gray-700";

}

  return (

    <span className={classes}>

      {action}

    </span>

  );

}