// Country flag as SVG — stylized mini flag using ISO codes. Falls back to colored dot.
const FLAG_COLORS = {
  US: ['#b22234','#fff','#3c3b6e'], GB: ['#012169','#fff','#c8102e'], DE: ['#000','#dd0000','#ffce00'],
  FR: ['#0055a4','#fff','#ef4135'], JP: ['#fff','#bc002d','#fff'], BR: ['#009c3b','#ffdf00','#002776'],
  CA: ['#d52b1e','#fff','#d52b1e'], AU: ['#012169','#fff','#e4002b'], IN: ['#ff9933','#fff','#138808'],
  NL: ['#ae1c28','#fff','#21468b'], SG: ['#ed2939','#fff','#ed2939'], HK: ['#de2910','#fff','#de2910'],
  KR: ['#fff','#c60c30','#003478'], ES: ['#aa151b','#f1bf00','#aa151b'], IT: ['#009246','#fff','#ce2b37'],
  CH: ['#d52b1e','#fff','#d52b1e'], SE: ['#006aa7','#fecc00','#006aa7'], MX: ['#006847','#fff','#ce1126'],
  TR: ['#e30a17','#fff','#e30a17'], AE: ['#00732f','#fff','#ff0000'], ZA: ['#007749','#fff','#de3831'],
  RU: ['#fff','#0039a6','#d52b1e'], PL: ['#fff','#dc143c','#fff'], AR: ['#74acdf','#fff','#74acdf'],
  TH: ['#ed1c24','#fff','#241d4f'], VN: ['#da251d','#ffff00','#da251d'], ID: ['#ff0000','#fff','#ff0000'],
};
function Flag({ code, size = 16 }) {
  const colors = FLAG_COLORS[code] || ['#2a3142','#3a4458','#2a3142'];
  return (
    <span style={{
      display: 'inline-block', width: size, height: size * 0.7,
      borderRadius: 2, overflow: 'hidden', verticalAlign: 'middle',
      boxShadow: '0 0 0 1px rgba(255,255,255,0.1)',
      background: `linear-gradient(${colors[0]} 33%, ${colors[1]} 33% 66%, ${colors[2]} 66%)`,
    }} />
  );
}
window.Flag = Flag;