/**
 * Ícones SVG inline — o mesmo desenho do NetScreen AI (public/js/components/icons.jsx):
 * traço 1.5, currentColor, cantos rectos. Só os que esta app usa, mais alguns novos.
 * Sem emojis na UI.
 */

function Icon({ children, size = 20, className = '' }) {
  return (
    <svg
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      stroke="currentColor"
      strokeWidth="1.5"
      strokeLinecap="square"
      strokeLinejoin="miter"
      aria-hidden="true"
      className={className}
    >
      {children}
    </svg>
  );
}

// Copiados do NetScreen AI
const IconFechar = p => (<Icon {...p}><path d="M5 5l14 14M19 5L5 19" /></Icon>);
const IconCheck = p => (<Icon {...p}><path d="M4 12l5 5L20 6" /></Icon>);
const IconAlerta = p => (<Icon {...p}><path d="M12 3l10 18H2L12 3z" /><path d="M12 10v5M12 17.5v.5" /></Icon>);
const IconSeta = p => (<Icon {...p}><path d="M5 12h14M13 6l6 6-6 6" /></Icon>);
const IconMais = p => (<Icon {...p}><path d="M12 5v14M5 12h14" /></Icon>);

// Novos nesta app
const IconBandeira = p => (<Icon {...p}><path d="M5 21V4h11l-2 4 2 4H5" /></Icon>);
const IconCadeado = p => (<Icon {...p}><rect x="5" y="11" width="14" height="10" /><path d="M8 11V7a4 4 0 0 1 8 0v4" /></Icon>);
const IconPausa = p => (<Icon {...p}><path d="M9 5v14M15 5v14" /></Icon>);
const IconProcurar = p => (<Icon {...p}><circle cx="11" cy="11" r="6" /><path d="M16 16l5 5" /></Icon>);
const IconCalendario = p => (<Icon {...p}><rect x="3" y="5" width="18" height="16" /><path d="M3 10h18M8 3v4M16 3v4" /></Icon>);
const IconSino = p => (<Icon {...p}><path d="M6 17V11a6 6 0 0 1 12 0v6l2 2H4l2-2z" /><path d="M10 21h4" /></Icon>);