"use client";

// turkey-map-react'ın il geometrisi (~197 KB) yalnızca harita gerçekten
// çizileceği zaman insin: dynamic + ssr'siz. İskelet, haritanın gerçek
// oranını (viewBox 1050 × 447, bkz. tercih-haritasi TAM_GORUNUM) rezerve
// eder — chunk gelince yerleşim zıplamaz.

import dynamic from "next/dynamic";

export function HaritaIskeleti() {
  return (
    <div
      aria-hidden
      className="aspect-[1050/447] w-full animate-pulse rounded-xl bg-slate-100"
    />
  );
}

export const TercihHaritasiLazy = dynamic(
  () => import("./tercih-haritasi").then((m) => m.TercihHaritasi),
  { ssr: false, loading: () => <HaritaIskeleti /> },
);

/** Hover/focus gibi niyet sinyallerinde chunk'ı önden ısıt. */
export function preloadTercihHaritasi() {
  void import("./tercih-haritasi");
}
