// Squiggle.jsx — inline hand-drawn pen-doodle arrow. Avoids SVG file load issues.
const Squiggle = ({ className, stroke = "#000" }) => (
  <svg className={className} xmlns="http://www.w3.org/2000/svg"
       width="106" height="118" viewBox="0 0 106 118" fill="none"
       style={{ display: "block" }}>
    <path d="M1 117 C-1 90 3 55 26 33 C38 22 58 20 66 36 C72 48 68 70 55 78 C48 82 51 68 58 45 C70 22 86 8 97 2 C100 0 104 2 105 7 C106 14 104 19 98 12"
          stroke={stroke} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round" fill="none"/>
    <path d="M81 6 L98 12 L92 2"
          stroke={stroke} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round" fill="none"/>
  </svg>
);
window.Squiggle = Squiggle;