'use client'; import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from '@/components/ui/sheet.js'; import type { DatacenterMarkerData } from './datacenter-marker.js'; interface DatacenterDetailPanelProps { datacenter: DatacenterMarkerData | null; onClose: () => void; } export function DatacenterDetailPanel({ datacenter, onClose }: DatacenterDetailPanelProps) { return ( !open && onClose()}> {datacenter && ( <> {datacenter.name} {datacenter.operator} · {datacenter.region_name} ({datacenter.region_code})
Location
{datacenter.lat.toFixed(4)}, {datacenter.lng.toFixed(4)}
)}
); } function MetricItem({ label, value }: { label: string; value: string }) { return (
{label}
{value}
); }