"use client";

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

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

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