/* eslint-disable */
/* client-logos.jsx — real customer logos served as <img> from brand/clients/.
   Sized to a uniform height; color preserved (no grayscale). */

const LogoImg = ({ src, alt, h = 36, style }) => (
  <img src={src} alt={alt} style={{ height: h, width: 'auto', maxWidth: '100%', objectFit: 'contain', display: 'block', ...style }} />
);

const CLIENT_LOGOS = [
  { name: 'The Coca-Cola Company', Cmp: () => <LogoImg src="brand/clients/coca-cola.png" alt="The Coca-Cola Company" h={52} /> },
  { name: 'Johnson & Johnson',     Cmp: () => <LogoImg src="brand/clients/johnson-johnson.png" alt="Johnson & Johnson" h={20} /> },
  { name: 'Grupo Sancor Seguros',  Cmp: () => <LogoImg src="brand/clients/sancor-seguros.png" alt="Grupo Sancor Seguros" h={48} /> },
  { name: 'La Segunda',            Cmp: () => <LogoImg src="brand/clients/la-segunda.svg" alt="La Segunda" h={36} /> },
  { name: 'Cubo Itaú',             Cmp: () => <LogoImg src="brand/clients/cubo-itau.webp" alt="Cubo Itaú" h={32} /> },
  { name: 'Endeavor',              Cmp: () => <LogoImg src="brand/clients/endeavor.png" alt="Endeavor" h={22} /> },
  { name: 'Bolsa de Comercio de Rosario', Cmp: () => <LogoImg src="brand/clients/bcr.png" alt="Bolsa de Comercio de Rosario" h={44} /> },
  { name: 'Digital House',         Cmp: () => <LogoImg src="brand/clients/digital-house.png" alt="Digital House Coding School" h={36} /> },
  { name: 'Los Pumas',             Cmp: () => <LogoImg src="brand/clients/los-pumas.webp" alt="Los Pumas" h={48} /> },
  { name: 'UAR',                   Cmp: () => <LogoImg src="brand/clients/uar.svg" alt="UAR" h={44} /> },
  { name: 'Sullair',               Cmp: () => <LogoImg src="brand/clients/sullair.svg" alt="Sullair" h={30} /> },
];

Object.assign(window, { CLIENT_LOGOS });