// js/components/common/StatusBadge.jsx
// Badge colorido de status — puro display, sem hooks.
// Movido de index.html em Fase 5 do refactor (2026-04-29): L577-L587
(function() {
  'use strict';

  // CÓPIA EXATA do index.html L577-L587
  function StatusBadge({status}){
    const map={
      'Entregue':'badge-green','Recebido':'badge-green','Pago':'badge-green','Aprovado':'badge-green','Fechado':'badge-green',
      'A receber':'badge-yellow','Pendente':'badge-yellow','Enviado':'badge-yellow','Em trânsito':'badge-blue',
      'Aberto':'badge-blue','Rascunho':'badge-gray',
      'Recusado':'badge-red','Vencido':'badge-red','Cancelada':'badge-red','Cancelado':'badge-red',
    };
    return <span className={`badge ${map[status]||'badge-gray'}`}>{status}</span>;
  }

  window.ZNX = window.ZNX || {};
  window.ZNX.components = window.ZNX.components || {};
  window.ZNX.components.StatusBadge = StatusBadge;
  window.StatusBadge = StatusBadge;

  window.ZNX.refactor_phase_5_loaded = window.ZNX.refactor_phase_5_loaded || {};
  window.ZNX.refactor_phase_5_loaded.StatusBadge = true;

})();