// icons.jsx - Inline icons + logo (real brand asset)
const LogoMark = ({ size = 40, spin = false, className = '' }) => (
  <img
    src="assets/sn-logo.png"
    alt="Souza Nunes & Cia"
    width={size}
    height={size}
    className={`logo-mark ${className} ${spin ? 'spin' : ''}`}
    style={{ display: 'block', width: size, height: size, objectFit: 'contain' }}
  />
);

const ArrowIcon = ({ className = '' }) => (
  <svg className={className} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round">
    <path d="M5 12h14M13 6l6 6-6 6"/>
  </svg>
);

const ArrowDiag = ({ className = '' }) => (
  <svg className={className} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round">
    <path d="M7 17L17 7M8 7h9v9"/>
  </svg>
);

window.LogoMark = LogoMark;
window.ArrowIcon = ArrowIcon;
window.ArrowDiag = ArrowDiag;