// Copyright: © 2026 TWWIM UG. All rights reserved. (www.twwim.com)

export function RoleBadge({ role }: { role: string }) {
  const color = role === 'operator' ? 'bg-cyan-100 text-cyan-700' : 'bg-emerald-100 text-emerald-700';
  return (
    <span className={`inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium ${color}`}>
      {role}
    </span>
  );
}