Seven-row activity grid that bins each cell into one of five tonal steps for at-a-glance density.
The import and the props worth knowing about, in one place.
import { Monitoring11 } from "@/components/beste/piece/monitoring11";
<Monitoring11
data={[
0,
1,
2,
1,
0,
1,
2,
3,
2,
1,
0,
1,
1,
2,
3,
2,
1,
2,
3,
4,
3,
2,
1,
0,
0,
1,
1,
2,
2,
3,
4,
4,
3,
2,
2,
1,
1,
0,
1,
2,
3,
3,
4,
3,
2,
1,
1,
2,
2,
1,
0,
1,
2,
2,
3,
4,
4,
3,
2,
1,
0,
1,
2,
1,
1,
2,
3,
3,
2,
1,
0,
1,
1,
0,
1,
2,
1,
2,
2,
3,
2,
1,
1,
0
]}
tone="primary"
bordered={false}
/>