@seasketch/geoprocessing/dist/src/rbcs/components/RbcsMpaClassPanel.js

Geoprocessing and reporting framework for SeaSketch 2.0

import React from "react";
import { PointyCircle } from "./PointyCircle.js";
import { RbcsIcon } from "./RbcsIcons.js";
/**
 * Sketch collection status panel for MPA regulation-based classification
 */
export const RbcsMpaClassPanel = ({ value, displayName, size, displayValue = true, group, groupColorMap, }) => {
    return (React.createElement("div", { style: {
            display: "flex",
            alignItems: "center",
        } },
        React.createElement("div", { style: { paddingRight: 10 } }, group && groupColorMap ? (React.createElement(PointyCircle, { size: size, color: groupColorMap[group] }, displayValue)) : (React.createElement(RbcsIcon, { value: value, size: size, displayValue: displayValue }))),
        React.createElement("div", { style: { fontSize: 18 } }, displayName)));
};
//# sourceMappingURL=RbcsMpaClassPanel.js.map