synapse-react-client/dist/components/styled/LeftRightPanel.js

[](https://badge.fury.io/js/synapse-react-client) [](https://github.com/prettier/prettie

import { jsx as t, jsxs as i } from "react/jsx-runtime";
import { styled as r, Box as e, Paper as a } from "@mui/material";
const p = r(e, {
  label: "StyledOuterContainer"
})(({ theme: n }) => ({
  minHeight: "100vh",
  paddingTop: "50px",
  paddingBottom: "50px",
  background: n.styledBackground,
  backgroundSize: "cover",
  [n.breakpoints.down("md")]: {
    padding: 0
  }
})), l = r(a, {
  label: "StyledInnerContainer"
})(({ theme: n }) => ({
  width: "900px",
  minHeight: "675px",
  margin: "0 auto",
  display: "flex",
  "& > div:nth-of-type(1), & > div:nth-of-type(2)": {
    borderRadius: "inherit",
    width: "450px"
  },
  "& > div:nth-of-type(1)": {
    backgroundColor: n.palette.background.paper
  },
  "& > div:nth-of-type(2)": {
    backgroundColor: n.palette.grey[200]
  }
}));
function h({
  leftContent: n,
  rightContent: o,
  className: d
}) {
  return /* @__PURE__ */ t(p, { className: d, children: /* @__PURE__ */ i(l, { children: [
    /* @__PURE__ */ t(e, { children: n }),
    /* @__PURE__ */ t(e, { children: o })
  ] }) });
}
export {
  h as LeftRightPanel,
  l as StyledInnerContainer,
  p as StyledOuterContainer
};
//# sourceMappingURL=LeftRightPanel.js.map