Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | 7930x 81x 7930x 7930x | import React from "react";
import { streamTemperatureGradient } from "./streamEdgeStyle";
export const TemperatureScale = () => (
<div
aria-label="stream-temperature-scale"
className="pointer-events-none absolute bottom-44 right-5 w-48 z-10 rounded-md border-zinc-200 bg-zinc-100 px-3 py-2 text-xs shadow-sm"
>
<div
className="h-2 rounded-sm"
style={{
background: streamTemperatureGradient(),
}}
/>
<div className="mt-1 flex justify-between text-zinc-800">
<span>0°C</span>
<span>100°C</span>
<span>200°C</span>
</div>
</div>
);
|