/**
 * SketchTree / SketchBuilding — minimal line-art illustrations evoking the
 * ceremony's outdoor venue (Sigleß) and reception location (Orangerie
 * Eisenstadt). Stylised and intentionally sparse so they read as engraved
 * stationery marks rather than realistic art.
 */
function SketchTree() {
  return (
    <svg viewBox="0 0 200 200" fill="none" stroke="currentColor" strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true" style={{ height: "100%" }}>
      {/* trunk */}
      <path d="M100 175 L100 130" />
      <path d="M100 145 c -4 -8, -10 -10, -14 -16" />
      <path d="M100 138 c 4 -6, 12 -8, 18 -14" />
      {/* canopy — overlapping arcs */}
      <path d="M100 130 c -22 0, -38 -14, -38 -32 c -20 -2, -22 -28, -6 -34 c -2 -16, 16 -28, 30 -20 c 6 -14, 28 -14, 36 -2 c 18 -4, 32 14, 26 30 c 12 8, 8 30, -8 30 c -4 18, -22 26, -40 28 z" />
      <path d="M70 96 c 6 -4, 14 -2, 18 4" />
      <path d="M104 84 c 8 -6, 18 -2, 22 6" />
      <path d="M88 110 c 6 -2, 14 0, 18 6" />
      {/* ground line */}
      <path d="M40 178 L 160 178" strokeDasharray="2 4" />
    </svg>
  );
}

function SketchBuilding() {
  return (
    <svg viewBox="0 0 240 200" fill="none" stroke="currentColor" strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true" style={{ height: "100%" }}>
      {/* base line */}
      <path d="M20 180 L 220 180" strokeDasharray="2 4" />
      {/* main facade */}
      <rect x="40" y="90" width="160" height="88" />
      {/* pediment / roof */}
      <path d="M40 90 L 120 60 L 200 90" />
      {/* central door */}
      <path d="M112 178 L 112 138 a 8 8 0 0 1 16 0 L 128 178" />
      {/* arched windows ground floor */}
      <path d="M58 168 L 58 130 a 8 8 0 0 1 16 0 L 74 168 z" />
      <path d="M84 168 L 84 130 a 8 8 0 0 1 16 0 L 100 168 z" />
      <path d="M140 168 L 140 130 a 8 8 0 0 1 16 0 L 156 168 z" />
      <path d="M166 168 L 166 130 a 8 8 0 0 1 16 0 L 182 168 z" />
      {/* upper accents */}
      <path d="M60 102 L 90 102" />
      <path d="M150 102 L 180 102" />
      {/* roof finial */}
      <path d="M120 60 L 120 50" />
      <circle cx="120" cy="48" r="2" fill="currentColor" stroke="none" />
    </svg>
  );
}

if (typeof window !== "undefined") {
  window.SketchTree = SketchTree;
  window.SketchBuilding = SketchBuilding;
}