@seasketch/geoprocessing
Version:
Geoprocessing and reporting framework for SeaSketch 2.0
38 lines • 1.51 kB
JavaScript
import React from "react";
import { CheckCircleFill, XCircleFill, QuestionCircleFill, } from "@styled-icons/bootstrap";
export const ObjectiveStatus = ({ status, msg, size = 30, style = {}, }) => {
let icon = React.createElement(React.Fragment, null);
switch (status) {
case "yes": {
icon = (React.createElement(CheckCircleFill, { size: size, style: {
color: "#78c679",
paddingRight: 10,
flexShrink: 0,
...style,
}, "aria-label": "Yes" }));
break;
}
case "maybe": {
icon = (React.createElement(QuestionCircleFill, { size: size, style: {
color: "#fec44f",
paddingRight: 10,
flexShrink: 0,
...style,
}, "aria-label": "Maybe" }));
break;
}
case "no": {
icon = (React.createElement(XCircleFill, { size: size, style: {
color: "#ED2C7C",
paddingRight: 10,
flexShrink: 0,
...style,
}, "aria-label": "No" }));
break;
}
}
return (React.createElement("div", { style: { display: "flex", alignItems: "center" }, "aria-label": "Objective", role: "status" },
icon,
React.createElement("div", { "aria-label": "Objective message" }, msg)));
};
//# sourceMappingURL=ObjectiveStatus.js.map