export const StatusBadge = ({
  text,
  color,
}: {
  text: string;
  color: string;
}) => (
  <span
    className={`inline-flex items-center gap-1 rounded-full px-3 py-1 text-[10px] font-semibold uppercase tracking-wider whitespace-nowrap ${color}`}
  >
    <span className="h-1.5 w-1.5 rounded-full bg-current" />
    {text}
  </span>
);