// js/components/widgets/historico/WeekdayBars.jsx
// [REFACTOR Wave 1 PR2 — 2026-05-14] Extraído literal de HistoricoVendedor.jsx L154-169.
// Zero mudança de lógica; closures `COLORS.X` substituídas por const local hardcoded (Path A).
// Caller único: HistoricoVendedor.jsx (uso interno após extração via window.ZNX.widgets.WeekdayBars).
(function() {
  'use strict';

  const COLORS = {
    gray:'#6B7280',
    blue:'#2563EB',
    gold:'#B89840',
    text:'#1C1C28'
  };

  // Barras horizontais (vendas por dia da semana)
  function WeekdayBars({data}){
    const max=Math.max(...data.map(d=>d.qty),1);
    return(
      <div style={{display:'flex',flexDirection:'column',gap:6}}>
        {data.map((d,i)=>(
          <div key={i} style={{display:'flex',alignItems:'center',gap:8,fontSize:11}}>
            <div style={{width:32,color:COLORS.gray,fontWeight:600}}>{d.label}</div>
            <div style={{flex:1,background:'#F3F4F6',height:14,borderRadius:7,overflow:'hidden',position:'relative'}}>
              <div style={{width:`${(d.qty/max)*100}%`,height:'100%',background:`linear-gradient(90deg,${COLORS.blue},${COLORS.gold})`,borderRadius:7}}/>
            </div>
            <div style={{width:36,textAlign:'right',fontWeight:700,color:COLORS.text}}>{d.qty}</div>
          </div>
        ))}
      </div>
    );
  }

  window.ZNX = window.ZNX || {};
  window.ZNX.widgets = window.ZNX.widgets || {};
  window.ZNX.widgets.WeekdayBars = WeekdayBars;
})();