// Shared primitives
const LogoFull = ({ height = 38 }) => (
  <img src="assets/xlovation-logo.png" alt="XL Ovation" style={{ height, width: 'auto' }} />
);

const Arrow = () => (
  <svg className="arrow" viewBox="0 0 16 16" fill="none" aria-hidden="true">
    <path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" />
  </svg>
);

const Container = ({ children, className = '' }) => (
  <div className={`container ${className}`}>{children}</div>
);

Object.assign(window, { LogoFull, Arrow, Container });