mapbox-pointer-theme-demo

1"use client"
2 
3import {
4  MapboxPointer,
5  MapboxPointerLabel,
6} from "@/components/ui/mapbox-pointer"
7 
8export default function MapboxPointerThemeDemo() {
9  return (
10    <div className="mx-auto w-full max-w-lg space-y-4">
11      <MapboxPointer
12        latitude={40.7128}
13        longitude={-74.006}
14        zoom={12}
15        themeAware={true}
16        interactive={true}
17        className="h-96 sm:h-[32rem]"
18      >
19        <MapboxPointerLabel
20          label="New York City"
21          href="https://en.wikipedia.org/wiki/New_York_City"
22        />
23      </MapboxPointer>
24    </div>
25  )
26}