@mx-cartographer/experiences 4.2.0-alpha.sms8 → 4.2.0

package/dist/BottomImageContent-B9i4ljIR.mjs

@@ -0,0 +1,48 @@
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import c from "react";
+import d from "@mui/material/Box";
+import p from "@mui/material/Divider";
+import t from "@mui/material/Grid";
+import { useTheme as a } from "@mui/material/styles";
+const w = ({
+  altImage: i,
+  content: o,
+  hasDivider: n = !1,
+  image: s,
+  sx: l
+}) => {
+  const r = a();
+  return /* @__PURE__ */ m(c.Fragment, { children: [
+    /* @__PURE__ */ e(d, { sx: { pb: 48, ...l }, children: /* @__PURE__ */ m(t, { container: !0, rowSpacing: 24, children: [
+      /* @__PURE__ */ e(t, { item: !0, lg: 12, md: 12, sm: 12, xs: 12, children: o }),
+      /* @__PURE__ */ e(
+        t,
+        {
+          item: !0,
+          lg: 12,
+          md: 12,
+          sm: 12,
+          sx: {
+            [r.breakpoints.between("sm", "lg")]: {
+              display: "flex",
+              justifyContent: "center"
+            },
+            "& img": {
+              width: "100%",
+              [r.breakpoints.between("sm", "lg")]: {
+                width: "75%"
+              }
+            }
+          },
+          xs: 12,
+          children: /* @__PURE__ */ e("img", { alt: i, src: s })
+        }
+      )
+    ] }) }),
+    n && /* @__PURE__ */ e(p, {})
+  ] });
+};
+export {
+  w as B
+};
+//# sourceMappingURL=BottomImageContent-B9i4ljIR.mjs.map

package/dist/BottomImageContent-B9i4ljIR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomImageContent-B9i4ljIR.mjs","sources":["../src/help/components/content/BottomImageContent.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Divider from '@mui/material/Divider'\nimport Grid from '@mui/material/Grid'\nimport { useTheme } from '@mui/material/styles'\n\nimport { ImageContentProps } from '../../../common/types/Help'\n\nexport const BottomImageContent: React.FC<ImageContentProps> = ({\n  altImage,\n  content,\n  hasDivider = false,\n  image,\n  sx,\n}) => {\n  const theme = useTheme()\n  return (\n    <React.Fragment>\n      <Box sx={{ pb: 48, ...sx }}>\n        <Grid container={true} rowSpacing={24}>\n          <Grid item={true} lg={12} md={12} sm={12} xs={12}>\n            {content}\n          </Grid>\n          <Grid\n            item={true}\n            lg={12}\n            md={12}\n            sm={12}\n            sx={{\n              [theme.breakpoints.between('sm', 'lg')]: {\n                display: 'flex',\n                justifyContent: 'center',\n              },\n              '& img': {\n                width: '100%',\n                [theme.breakpoints.between('sm', 'lg')]: {\n                  width: '75%',\n                },\n              },\n            }}\n            xs={12}\n          >\n            <img alt={altImage} src={image} />\n          </Grid>\n        </Grid>\n      </Box>\n      {hasDivider && <Divider />}\n    </React.Fragment>\n  )\n}\n"],"names":["BottomImageContent","altImage","content","hasDivider","image","sx","theme","useTheme","jsxs","React","jsx","Box","Grid","Divider"],"mappings":";;;;;;AASO,MAAMA,IAAkD,CAAC;AAAA,EAC9D,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,OAAAC;AAAA,EACA,IAAAC;AACF,MAAM;AACJ,QAAMC,IAAQC;AAEZ,SAAA,gBAAAC,EAACC,EAAM,UAAN,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAI,EAAA,IAAI,EAAE,IAAI,IAAI,GAAGN,EAAG,GACvB,UAAC,gBAAAG,EAAAI,GAAA,EAAK,WAAW,IAAM,YAAY,IACjC,UAAA;AAAA,MAAC,gBAAAF,EAAAE,GAAA,EAAK,MAAM,IAAM,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAC3C,UACHV,GAAA;AAAA,MACA,gBAAAQ;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,YACF,CAACN,EAAM,YAAY,QAAQ,MAAM,IAAI,CAAC,GAAG;AAAA,cACvC,SAAS;AAAA,cACT,gBAAgB;AAAA,YAClB;AAAA,YACA,SAAS;AAAA,cACP,OAAO;AAAA,cACP,CAACA,EAAM,YAAY,QAAQ,MAAM,IAAI,CAAC,GAAG;AAAA,gBACvC,OAAO;AAAA,cACT;AAAA,YACF;AAAA,UACF;AAAA,UACA,IAAI;AAAA,UAEJ,UAAC,gBAAAI,EAAA,OAAA,EAAI,KAAKT,GAAU,KAAKG,GAAO;AAAA,QAAA;AAAA,MAClC;AAAA,IAAA,EAAA,CACF,EACF,CAAA;AAAA,IACCD,uBAAeU,GAAQ,EAAA;AAAA,EAC1B,EAAA,CAAA;AAEJ;"}