'use client'

import dynamic from 'next/dynamic'

const MapInner = dynamic(
  () => import('@/components/craftsmen/craftsman-detail-map').then(m => m.CraftsmanDetailMap),
  { ssr: false, loading: () => <div className="h-48 bg-gray-100 rounded-xl flex items-center justify-center text-sm text-gray-400">جاري تحميل الخريطة...</div> }
)

export function CraftsmanMapWrapper(props: { lat: number; lng: number; name: string }) {
  return <MapInner {...props} />
}