synapse-react-client
Version:
[](https://badge.fury.io/js/synapse-react-client) [](https://github.com/prettier/prettie
83 lines (82 loc) • 2.29 kB
JavaScript
import { jsxs as a, jsx as t } from "react/jsx-runtime";
import { Box as i, Skeleton as e, Stack as n } from "@mui/material";
function r() {
return /* @__PURE__ */ a(
i,
{
className: "FacetNavPanel",
sx: {
flexGrow: 1
},
children: [
/* @__PURE__ */ a(i, { className: "FacetNavPanel__title", children: [
/* @__PURE__ */ t(e, { variant: "rectangular", height: 20, width: 170 }),
/* @__PURE__ */ t("div", { style: { margin: "auto" } }),
/* @__PURE__ */ t(e, { variant: "rectangular", height: 20, width: 20 }),
/* @__PURE__ */ t(
e,
{
variant: "rectangular",
height: 20,
width: 20,
sx: { ml: 1 }
}
)
] }),
/* @__PURE__ */ a(
i,
{
sx: {
display: "flex",
justifyContent: "space-between",
alignItems: "center",
height: 200,
px: 2,
minWidth: "435px",
flexGrow: 1
},
children: [
/* @__PURE__ */ t(e, { variant: "circular", width: 140, height: 140 }),
/* @__PURE__ */ a(
n,
{
sx: {
gap: 1
},
children: [
/* @__PURE__ */ t(e, { variant: "rectangular", height: 15, width: 220 }),
/* @__PURE__ */ t(e, { variant: "rectangular", height: 15, width: 220 }),
/* @__PURE__ */ t(e, { variant: "rectangular", height: 15, width: 220 }),
/* @__PURE__ */ t(e, { variant: "rectangular", height: 15, width: 220 })
]
}
)
]
}
)
]
}
);
}
function c() {
return /* @__PURE__ */ a(
i,
{
className: "PlotsContainer",
sx: {
display: "flex",
flexWrap: "wrap",
justifyContent: "space-between",
gap: 4
},
children: [
/* @__PURE__ */ t(r, {}),
/* @__PURE__ */ t(r, {})
]
}
);
}
export {
c as PlotsContainerSkeleton
};
//# sourceMappingURL=PlotsContainerSkeleton.js.map