import React from 'react';

interface StatusTagProps {
  label: string;
  tone: 'green' | 'blue' | 'amber' | 'red' | 'gray';
  title?: string;
  emptyLabel?: string;
}

export function StatusTag({ label, tone, title, emptyLabel = '—' }: StatusTagProps) {
  if (!label && emptyLabel === '') return <span />;
  return (
    <span className={`vm-status vm-status-${tone}`} title={title}>
      {label || emptyLabel}
    </span>
  );
}
