import { STATUS_STYLES } from "./tguStatus";

export function TguLegend() {
  return (
    <div className="tgu-legend" aria-label="Легенда статусов">
      {STATUS_STYLES.map((item) => (
        <span className="tgu-legend__item" key={item.label} title={item.description}>
          <span className={`tgu-legend__swatch ${item.className}`} />
          {item.label}
        </span>
      ))}
    </div>
  );
}
