Dotted Map

A component with a dotted map.

MMagic UI·byMUMagic UIPro

931

Bookmarks

3,131

Installs

85,731

Views

91 lines

"use client"

import * as React from "react"
import type { TCountryCode } from "countries-list"

import { DottedMap } from "@/components/ui/dotted-map"
import type { Marker } from "@/components/ui/dotted-map"

type CountryCode = Lowercase<TCountryCode>

type MyMarker = Marker & {
  overlay: {
    countryCode: CountryCode
    label: string
  }
}