import { Title } from "../../components/Title"; import { pointColors } from "../../Map/layers-config"; export function Legend() { return (
<Title text={"Размер кружка пропорционален прогнозному трафику"} className={"text-center mb-1"} classNameText={"lowercase"} /> <div className="space-y-2"> {Object.entries(pointColors).map(([label, color]) => ( <div className="flex gap-2 items-center" key={label}> <span className="rounded-xl w-3 h-3 inline-block" style={{ backgroundColor: color }} /> <span>{label}</span> </div> ))} </div> </div> ); }