@seasketch/geoprocessing
Version:
Geoprocessing and reporting framework for SeaSketch 2.0
21 lines • 1.03 kB
JavaScript
import React from "react";
import { PointyCircle, TwoColorPointyCircle } from "./PointyCircle.js";
import { getIndexIconPerc } from "../helpers.js";
import { roundDecimal } from "../../helpers/index.js";
import { rbcsScores } from "../rbcs.js";
export const RbcsZoneRegIcon = ({ value, size = 20, displayValue = true, }) => {
if (value !== 1 &&
value !== 2 &&
value !== 3 &&
value !== 4 &&
value !== 5 &&
value !== 6 &&
value !== 7 &&
value !== 8)
throw new Error("ZoneRegIcon: value must be integer 1-8");
return (React.createElement(PointyCircle, { size: size || 20, color: rbcsScores[value].color }, displayValue ? value : "'"));
};
export const RbcsIcon = ({ value, size = 30, displayValue = true, }) => {
return (React.createElement(TwoColorPointyCircle, { size: size, bottomColor: "rgb(208,214,55)", topColor: "rgb(137,26,34)", perc: 100 - getIndexIconPerc(value) }, displayValue ? roundDecimal(value, 1) : ""));
};
//# sourceMappingURL=RbcsIcons.js.map