'use client';
import { useMemo } from 'react';
import dynamic from 'next/dynamic';
import type { Geo } from './DeskMap';
const DeskMap = dynamic(() => import('./DeskMap').then((m) => m.DeskMap), { ssr: false, loading: () => <div className="h-full w-full bg-[#2a2f28]" /> });
/** Sunucu sayfalarında tek parseli harita masasında göstermek için. */
export function StaticDeskMap({ geometry, label, pad, compare }: { geometry: Geo; label?: string; pad?: { left?: number; right?: number; top?: number; bottom?: number }; compare?: boolean }) {
  const parcels = useMemo(() => [{ key: 'p', geometry, label, tone: 'main' as const }], [geometry, label]);
  return <DeskMap parcels={parcels} pad={pad} compare={compare} />;
}