synapse-react-client
Version:
[](https://badge.fury.io/js/synapse-react-client) [](https://github.com/prettier/prettie
67 lines (66 loc) • 1.69 kB
JavaScript
import { jsx as o, Fragment as n } from "react/jsx-runtime";
import s from "../utils/ConditionalWrapper.js";
import { spreadSx as t } from "../../theme/spreadSx.js";
import { LockTwoTone as l, AccessTimeFilled as h, CheckTwoTone as d } from "@mui/icons-material";
import { useTheme as k, styled as C, Avatar as x } from "@mui/material";
import m from "@mui/material/Skeleton";
var A = /* @__PURE__ */ ((r) => (r.COMPLETE = "COMPLETE", r.PENDING = "PENDING", r.LOCKED = "LOCKED", r.LOADING = "LOADING", r))(A || {});
const a = {
width: "20px"
}, E = C(x, {
label: "AccessApprovalCheckMarkContainer"
})({
color: "white",
height: "30px",
width: "30px"
});
function v({
status: r,
sx: i
}) {
const p = k();
let e, c = /* @__PURE__ */ o(n, {});
switch (r) {
case "COMPLETE":
e = p.palette.success.main, c = /* @__PURE__ */ o(d, { sx: a });
break;
case "PENDING":
e = "#395979", c = /* @__PURE__ */ o(h, { sx: a });
break;
case "LOCKED":
e = "#FF9B00", c = /* @__PURE__ */ o(l, { sx: a });
break;
}
return /* @__PURE__ */ o(
E,
{
"data-testid": `AccessApprovalCheckMark-${r}`,
sx: t(
{
backgroundColor: e
},
i
),
children: /* @__PURE__ */ o(
s,
{
condition: r === "LOADING",
wrapper: m,
wrapperProps: {
variant: "circular",
sx: {
minHeight: "30px",
minWidth: "30px"
}
},
children: c
}
)
}
);
}
export {
A as RequirementItemStatus,
v as default
};
//# sourceMappingURL=AccessApprovalCheckMark.js.map