"use client";

import dynamic from "next/dynamic";
import type { KarteProps } from "./karte";

/**
 * Dynamischer, clientseitiger Wrapper um die optionale Kartenansicht.
 * `ssr: false` verhindert SSR-Hydration-Probleme und hält die Karte aus dem
 * Server-Pfad heraus (Bundle-Optimierung, Vercel-Best-Practice
 * `bundle-dynamic-imports`).
 */
export const KarteDynamic = dynamic<KarteProps>(() => import("./karte"), {
  ssr: false,
  loading: () => (
    <div className="rounded border border-rand bg-nebel p-4 text-xs text-anthrazit/60">
      Karte wird geladen …
    </div>
  ),
});
