({ active, payload }: any)
| 29 | "Moss/lichen": "#b5e48c", |
| 30 | }; |
| 31 | |
| 32 | const CustomLandUseTooltip = ({ active, payload }: any) => { |
| 33 | if (!active || !payload?.length) return null; |
| 34 | const { name, value, color } = payload[0].payload; |
| 35 | return ( |
| 36 | <div className="rounded-lg px-3 py-2 shadow-xl border border-border/50" style={{ background: "hsl(150, 18%, 12%)" }}> |
| 37 | <div className="flex items-center gap-2 mb-1"> |
| 38 | <span className="w-2.5 h-2.5 rounded-sm" style={{ backgroundColor: color }} /> |
| 39 | <span className="text-xs font-semibold" style={{ color }}>{name}</span> |
| 40 | </div> |
| 41 | <div className="text-sm font-bold text-foreground">{value}%</div> |
| 42 | </div> |
| 43 | ); |
| 44 | }; |
| 45 | |
| 46 | const CustomChartTooltip = ({ active, payload, label }: any) => { |
nothing calls this directly
no outgoing calls
no test coverage detected