Cobe Globe

import { Globe } from "@/registry/orix-default/ui/cobe-globe"

export default function Demo() {
  const markers = [
    { id: "cairo", location: [30.0444, 31.2357], label: "Le Caire" },
    { id: "abidjan", location: [5.3600, -4.0083], label: "Abidjan" },
    { id: "kinshasa", location: [-4.4419, 15.2663], label: "Kinshasa" }
  ]

  return (
    <div className="w-full max-w-lg aspect-square mx-auto">
      <Globe markers={markers} />
    </div>
  )
}