"use client";

import dynamic from "next/dynamic";
import type { ComponentProps } from "react";

const Inner = dynamic(
  () => import("./LocationMapsClient").then((m) => m.LocationMapViewClient),
  {
    ssr: false,
    loading: () => (
      <div
        className="w-full animate-pulse rounded-xl border border-slate-200 bg-slate-100"
        style={{ height: 220 }}
      />
    ),
  },
);

export default function LocationMapView(props: ComponentProps<typeof Inner>) {
  return <Inner {...props} />;
}