// Hand-drawn style hamburger — wobbly bezier strokes + a subtle SVG turbulence filter for a sketched line quality.
function HandDrawnMenuIcon({ open, size = 30 }) {
  return (
    <svg width={size} height={size} viewBox="0 0 30 30" style={{ display: "block" }}>
      <defs>
        <filter id="jmk-sketch" x="-20%" y="-20%" width="140%" height="140%">
          <feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" seed="4" result="noise" />
          <feDisplacementMap in="SourceGraphic" in2="noise" scale="1.6" xChannelSelector="R" yChannelSelector="G" />
        </filter>
      </defs>
      <g filter="url(#jmk-sketch)" fill="none" stroke="currentColor" strokeWidth="2.4" strokeLinecap="round">
        {open ? (
          <React.Fragment>
            <path d="M6 7 L24 23.5" />
            <path d="M24 6.5 L6.3 23" />
          </React.Fragment>
        ) : (
          <React.Fragment>
            <path d="M4.5 8.2 C10 7.4, 20 7.6, 25.3 8.6" />
            <path d="M4.8 15.1 C12 14.6, 18 15.4, 25.1 14.7" />
            <path d="M4.6 21.8 C11 22.6, 19 21.5, 25.4 22.3" />
          </React.Fragment>
        )}
      </g>
    </svg>
  );
}
window.JMK = window.JMK || {};
window.JMK.HandDrawnMenuIcon = HandDrawnMenuIcon;