24 lines
595 B
TypeScript
24 lines
595 B
TypeScript
'use client';
|
|
|
|
import React from 'react';
|
|
import dynamic from 'next/dynamic';
|
|
|
|
const LeafletMap = dynamic(() => import('@/components/LeafletMap'), {
|
|
ssr: false,
|
|
loading: () => (
|
|
<div className="h-full w-full bg-neutral-medium flex items-center justify-center">
|
|
<div className="animate-pulse text-primary font-medium">Loading Map...</div>
|
|
</div>
|
|
),
|
|
});
|
|
|
|
interface ContactMapProps {
|
|
address: string;
|
|
lat: number;
|
|
lng: number;
|
|
}
|
|
|
|
export default function ContactMap({ address, lat, lng }: ContactMapProps) {
|
|
return <LeafletMap address={address} lat={lat} lng={lng} />;
|
|
}
|