umwd-components 0.1.73 → 0.1.75

package/dist/cjs/components/FleetSection.js

@@ -0,0 +1,118 @@
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+  
+'use strict';
+
+var React = require('react');
+var material = require('@mui/material');
+var StrapiImage = require('./StrapiImage.js');
+
+function FleetSection(_ref) {
+  let {
+    data
+  } = _ref;
+  const {
+    airplane
+  } = data;
+  return /*#__PURE__*/React.createElement(material.Container, {
+    maxWidth: "lg",
+    sx: {
+      my: 1
+    }
+  }, /*#__PURE__*/React.createElement(material.Stack, {
+    spacing: 2,
+    direction: "row",
+    justifyContent: "stretch",
+    flexWrap: "wrap",
+    sx: {
+      width: "100%"
+    },
+    useFlexGap: true
+  }, airplane.map(airplane => /*#__PURE__*/React.createElement(material.Card, {
+    key: airplane.id,
+    sx: {
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "space-between",
+      flex: 1,
+      minWidth: "350px"
+    }
+  }, /*#__PURE__*/React.createElement(material.CardHeader, {
+    title: airplane.name,
+    subheader: airplane.description
+  }), /*#__PURE__*/React.createElement(material.CardContent, null, /*#__PURE__*/React.createElement(material.CardMedia, {
+    sx: {
+      minHeight: 140,
+      display: "grid",
+      alignItems: "center",
+      justifyContent: "center",
+      py: 2
+    }
+  }, airplane.floorplan !== null && /*#__PURE__*/React.createElement(StrapiImage.StrapiImage, {
+    src: airplane.floorplan.url,
+    alt: airplane.floorplan.alternativeText,
+    width: airplane.floorplan.width,
+    height: airplane.floorplan.height,
+    style: {}
+  })), /*#__PURE__*/React.createElement(material.Typography, {
+    variant: "body2",
+    color: "text.secondary",
+    component: "div"
+  }, /*#__PURE__*/React.createElement("strong", null, "Range:"), " ", airplane.range, " km"), /*#__PURE__*/React.createElement(material.Typography, {
+    variant: "body2",
+    color: "text.secondary",
+    component: "div"
+  }, /*#__PURE__*/React.createElement("strong", null, "Speed:"), " ", airplane.speed, " km/h"), /*#__PURE__*/React.createElement(material.Typography, {
+    variant: "body2",
+    color: "text.secondary",
+    component: "div"
+  }, /*#__PURE__*/React.createElement("strong", null, "Ceiling:"), " ", airplane.ceiling, " ft"), /*#__PURE__*/React.createElement(material.Typography, {
+    variant: "body2",
+    color: "text.secondary",
+    component: "div"
+  }, /*#__PURE__*/React.createElement("strong", null, "Cabin Dimensions:")), /*#__PURE__*/React.createElement(material.Typography, {
+    variant: "body2",
+    color: "text.secondary",
+    component: "div"
+  }, /*#__PURE__*/React.createElement("strong", null, "H"), " ", airplane.cabinHeight, " m ", /*#__PURE__*/React.createElement("strong", null, "W"), " ", airplane.cabinWidth, " m ", /*#__PURE__*/React.createElement("strong", null, "L"), " ", airplane.cabinLength, " m"))))));
+}
+
+/* 
+{
+      id: 1,
+      __component: "layout.fleet-section",
+      title: "Fleet",
+      description: "Description of our fleet",
+      airplane: [
+        {
+          id: 1,
+          name: "CHALLENGER 604",
+          description:
+            "Bombardier Challenger 604. Is our best long-range jet and can be equipped with an intensive care unit for one critical care patient or the option to carry 2 stable patients. ",
+          range: "7408",
+          speed: "854",
+          ceiling: "41000",
+          cabinHeight: 1.83,
+          cabinWidth: 2.11,
+          cabinLength: 8.66,
+        },
+        {
+          id: 2,
+          name: "BEECHCRAFT KING AIR 200",
+          description:
+            "A twin turboprop aircraft with pressurized cabin. Is our best air ambulance for Europe and North Africa. It is equipped with a single stretcher for one stable ICU patient.",
+          range: "2200",
+          speed: "500",
+          ceiling: "35000",
+          cabinHeight: 1.46,
+          cabinWidth: 1.37,
+          cabinLength: 5.08,
+        },
+      ],
+    },
+     */
+
+exports.FleetSection = FleetSection;

package/dist/cjs/components/IconSection.js

@@ -6,18 +6,68 @@
   
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var material = require('@mui/material');
+var BedroomBabyIcon = require('@mui/icons-material/BedroomBaby');
+var BedroomParentIcon = require('@mui/icons-material/BedroomParent');
+var MonitorHeartIcon = require('@mui/icons-material/MonitorHeart');
+var VaccinesIcon = require('@mui/icons-material/Vaccines');
+var LocalHospitalIcon = require('@mui/icons-material/LocalHospital');
+var MedicalInformationIcon = require('@mui/icons-material/MedicalInformation');
+var MedicalServicesIcon = require('@mui/icons-material/MedicalServices');
+var ChildCareIcon = require('@mui/icons-material/ChildCare');
+var ScreenshotMonitorIcon = require('@mui/icons-material/ScreenshotMonitor');
+var MedicationIcon = require('@mui/icons-material/Medication');
+var BloodtypeIcon = require('@mui/icons-material/Bloodtype');
+var HealingIcon = require('@mui/icons-material/Healing');
+var LocalPharmacyIcon = require('@mui/icons-material/LocalPharmacy');
+var FlightIcon = require('@mui/icons-material/Flight');
+var AirlineSeatFlatIcon = require('@mui/icons-material/AirlineSeatFlat');
+var AccessibleIcon = require('@mui/icons-material/Accessible');
+var PropaneTankIcon = require('@mui/icons-material/PropaneTank');
+var MasksIcon = require('@mui/icons-material/Masks');
+var BoltIcon = require('@mui/icons-material/Bolt');
 
-function getIcon(name) {
-  switch (name) {
-    case "CLOCK_ICON":
-      return /*#__PURE__*/React.createElement(ClockIcon, null);
-    case "CHECK_ICON":
-      return /*#__PURE__*/React.createElement(CheckIcon, null);
-    case "CLOUD_ICON":
-      return /*#__PURE__*/React.createElement(CloudIcon, null);
+function getIcon(icon) {
+  switch (icon) {
+    case "BedroomBabyIcon":
+      return BedroomBabyIcon;
+    case "BedroomParentIcon":
+      return BedroomParentIcon;
+    case "MonitorHeartIcon":
+      return MonitorHeartIcon;
+    case "VaccinesIcon":
+      return VaccinesIcon;
+    case "LocalHospitalIcon":
+      return LocalHospitalIcon;
+    case "MedicalInformationIcon":
+      return MedicalInformationIcon;
+    case "MedicalServicesIcon":
+      return MedicalServicesIcon;
+    case "ChildCareIcon":
+      return ChildCareIcon;
+    case "ScreenshotMonitorIcon":
+      return ScreenshotMonitorIcon;
+    case "MedicationIcon":
+      return MedicationIcon;
+    case "BloodtypeIcon":
+      return BloodtypeIcon;
+    case "HealingIcon":
+      return HealingIcon;
+    case "LocalPharmacyIcon":
+      return LocalPharmacyIcon;
+    case "FlightIcon":
+      return FlightIcon;
+    case "AirlineSeatFlatIcon":
+      return AirlineSeatFlatIcon;
+    case "AccessibleIcon":
+      return AccessibleIcon;
+    case "PropaneTankIcon":
+      return PropaneTankIcon;
+    case "MasksIcon":
+      return MasksIcon;
+    case "BoltIcon":
+      return BoltIcon;
     default:
       return null;
   }
@@ -37,88 +87,42 @@ function IconSection(_ref) {
   }, /*#__PURE__*/React.createElement(material.Grid, {
     container: true,
     spacing: 2
-  }, icon.map(icon => /*#__PURE__*/React.createElement(material.Grid, {
-    item: true,
-    xs: 12,
-    sm: 6,
-    md: 4,
-    lg: 3
-  }, /*#__PURE__*/React.createElement(material.Card, {
-    key: icon.id,
-    sx: {
-      display: "flex",
-      flexDirection: "column",
-      justifyContent: "space-between",
-      flex: 1,
-      height: "100%"
-    }
-  }, /*#__PURE__*/React.createElement(material.CardContent, null, /*#__PURE__*/React.createElement(material.Typography, {
-    variant: "h6",
-    component: "div",
-    sx: {
-      mb: 1,
-      display: "flex",
-      justifyContent: "start",
-      alignItems: "center"
-    }
-  }, /*#__PURE__*/React.createElement(material.SvgIcon, {
-    sx: {
-      mr: 2
-    }
-  }, getIcon(icon.icon)), " ", icon.title), /*#__PURE__*/React.createElement(material.Typography, {
-    variant: "caption",
-    color: "text.secondary",
-    component: "div"
-  }, icon.text)))))));
-}
-function CheckIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _rollupPluginBabelHelpers.extends({}, props, {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /*#__PURE__*/React.createElement("polyline", {
-    points: "20 6 9 17 4 12"
-  }));
-}
-function ClockIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _rollupPluginBabelHelpers.extends({}, props, {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /*#__PURE__*/React.createElement("circle", {
-    cx: "12",
-    cy: "12",
-    r: "10"
-  }), /*#__PURE__*/React.createElement("polyline", {
-    points: "12 6 12 12 16 14"
-  }));
-}
-function CloudIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _rollupPluginBabelHelpers.extends({}, props, {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"
-  }));
+  }, icon.map(icon => {
+    const Icon = getIcon(icon.icon);
+    return /*#__PURE__*/React.createElement(material.Grid, {
+      item: true,
+      xs: 12,
+      sm: 6,
+      md: 4,
+      lg: 3
+    }, /*#__PURE__*/React.createElement(material.Card, {
+      key: icon.id,
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        flex: 1,
+        height: "100%"
+      }
+    }, /*#__PURE__*/React.createElement(material.CardContent, null, /*#__PURE__*/React.createElement(material.Typography, {
+      variant: "h6",
+      component: "div",
+      sx: {
+        display: "flex",
+        justifyContent: "start",
+        alignItems: "start",
+        minHeight: "4.2rem"
+      }
+    }, Icon !== null && /*#__PURE__*/React.createElement(Icon, {
+      sx: {
+        mr: 2,
+        mt: 0.2
+      }
+    }), icon.title), /*#__PURE__*/React.createElement(material.Typography, {
+      variant: "caption",
+      color: "text.secondary",
+      component: "div"
+    }, icon.text))));
+  })));
 }
 
 exports.IconSection = IconSection;

package/dist/cjs/components/Page.js

@@ -14,6 +14,7 @@ var PropTypes = require('prop-types');
 var TextImageSection = require('./TextImageSection.js');
 var HeroSection = require('./HeroSection.js');
 var FeaturesSection = require('./FeaturesSection.js');
+var FleetSection = require('./FleetSection.js');
 var IconSection = require('./IconSection.js');
 var material = require('@mui/material');
 var ContactForm = require('./ContactForm.js');
@@ -45,6 +46,11 @@ function blockRenderer(block) {
         key: block.id,
         data: block
       });
+    case "layout.fleet-section":
+      return /*#__PURE__*/React.createElement(FleetSection.FleetSection, {
+        key: block.id,
+        data: block
+      });
     default:
       return null;
   }

package/dist/cjs/components/TextImageSection.js

@@ -14,6 +14,19 @@ var material = require('@mui/material');
 var StrapiImage = require('./StrapiImage.js');
 
 const MuiMarkdown = /*#__PURE__*/React.lazy(() => import( /* webpackChunkName: "mui-markdown" */'mui-markdown'));
+
+/* 
+TODO intregrate this interface into StrapiImage.tsx
+
+interface ImageProps {
+  id: number;
+  url: string;
+  alternativeText: string;
+  style: React.CSSProperties;
+  width: number;
+  height: number;
+} */
+
 function TextImageSection(_ref) {
   let {
     data

package/dist/esm/components/FleetSection.js

@@ -0,0 +1,116 @@
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+  
+import React from 'react';
+import { Container, Stack, Card, CardHeader, CardContent, CardMedia, Typography } from '@mui/material';
+import { StrapiImage } from './StrapiImage.js';
+
+function FleetSection(_ref) {
+  let {
+    data
+  } = _ref;
+  const {
+    airplane
+  } = data;
+  return /*#__PURE__*/React.createElement(Container, {
+    maxWidth: "lg",
+    sx: {
+      my: 1
+    }
+  }, /*#__PURE__*/React.createElement(Stack, {
+    spacing: 2,
+    direction: "row",
+    justifyContent: "stretch",
+    flexWrap: "wrap",
+    sx: {
+      width: "100%"
+    },
+    useFlexGap: true
+  }, airplane.map(airplane => /*#__PURE__*/React.createElement(Card, {
+    key: airplane.id,
+    sx: {
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "space-between",
+      flex: 1,
+      minWidth: "350px"
+    }
+  }, /*#__PURE__*/React.createElement(CardHeader, {
+    title: airplane.name,
+    subheader: airplane.description
+  }), /*#__PURE__*/React.createElement(CardContent, null, /*#__PURE__*/React.createElement(CardMedia, {
+    sx: {
+      minHeight: 140,
+      display: "grid",
+      alignItems: "center",
+      justifyContent: "center",
+      py: 2
+    }
+  }, airplane.floorplan !== null && /*#__PURE__*/React.createElement(StrapiImage, {
+    src: airplane.floorplan.url,
+    alt: airplane.floorplan.alternativeText,
+    width: airplane.floorplan.width,
+    height: airplane.floorplan.height,
+    style: {}
+  })), /*#__PURE__*/React.createElement(Typography, {
+    variant: "body2",
+    color: "text.secondary",
+    component: "div"
+  }, /*#__PURE__*/React.createElement("strong", null, "Range:"), " ", airplane.range, " km"), /*#__PURE__*/React.createElement(Typography, {
+    variant: "body2",
+    color: "text.secondary",
+    component: "div"
+  }, /*#__PURE__*/React.createElement("strong", null, "Speed:"), " ", airplane.speed, " km/h"), /*#__PURE__*/React.createElement(Typography, {
+    variant: "body2",
+    color: "text.secondary",
+    component: "div"
+  }, /*#__PURE__*/React.createElement("strong", null, "Ceiling:"), " ", airplane.ceiling, " ft"), /*#__PURE__*/React.createElement(Typography, {
+    variant: "body2",
+    color: "text.secondary",
+    component: "div"
+  }, /*#__PURE__*/React.createElement("strong", null, "Cabin Dimensions:")), /*#__PURE__*/React.createElement(Typography, {
+    variant: "body2",
+    color: "text.secondary",
+    component: "div"
+  }, /*#__PURE__*/React.createElement("strong", null, "H"), " ", airplane.cabinHeight, " m ", /*#__PURE__*/React.createElement("strong", null, "W"), " ", airplane.cabinWidth, " m ", /*#__PURE__*/React.createElement("strong", null, "L"), " ", airplane.cabinLength, " m"))))));
+}
+
+/* 
+{
+      id: 1,
+      __component: "layout.fleet-section",
+      title: "Fleet",
+      description: "Description of our fleet",
+      airplane: [
+        {
+          id: 1,
+          name: "CHALLENGER 604",
+          description:
+            "Bombardier Challenger 604. Is our best long-range jet and can be equipped with an intensive care unit for one critical care patient or the option to carry 2 stable patients. ",
+          range: "7408",
+          speed: "854",
+          ceiling: "41000",
+          cabinHeight: 1.83,
+          cabinWidth: 2.11,
+          cabinLength: 8.66,
+        },
+        {
+          id: 2,
+          name: "BEECHCRAFT KING AIR 200",
+          description:
+            "A twin turboprop aircraft with pressurized cabin. Is our best air ambulance for Europe and North Africa. It is equipped with a single stretcher for one stable ICU patient.",
+          range: "2200",
+          speed: "500",
+          ceiling: "35000",
+          cabinHeight: 1.46,
+          cabinWidth: 1.37,
+          cabinLength: 5.08,
+        },
+      ],
+    },
+     */
+
+export { FleetSection };

package/dist/esm/components/IconSection.js

@@ -4,18 +4,68 @@
  * @license MIT
  */
   
-import { extends as _extends } from '../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
-import { Container, Grid, Card, CardContent, Typography, SvgIcon } from '@mui/material';
+import { Container, Grid, Card, CardContent, Typography } from '@mui/material';
+import BedroomBabyIcon from '@mui/icons-material/BedroomBaby';
+import BedroomParentIcon from '@mui/icons-material/BedroomParent';
+import MonitorHeartIcon from '@mui/icons-material/MonitorHeart';
+import VaccinesIcon from '@mui/icons-material/Vaccines';
+import LocalHospitalIcon from '@mui/icons-material/LocalHospital';
+import MedicalInformationIcon from '@mui/icons-material/MedicalInformation';
+import MedicalServicesIcon from '@mui/icons-material/MedicalServices';
+import ChildCareIcon from '@mui/icons-material/ChildCare';
+import ScreenshotMonitorIcon from '@mui/icons-material/ScreenshotMonitor';
+import MedicationIcon from '@mui/icons-material/Medication';
+import BloodtypeIcon from '@mui/icons-material/Bloodtype';
+import HealingIcon from '@mui/icons-material/Healing';
+import LocalPharmacyIcon from '@mui/icons-material/LocalPharmacy';
+import FlightIcon from '@mui/icons-material/Flight';
+import AirlineSeatFlatIcon from '@mui/icons-material/AirlineSeatFlat';
+import AccessibleIcon from '@mui/icons-material/Accessible';
+import PropaneTankIcon from '@mui/icons-material/PropaneTank';
+import MasksIcon from '@mui/icons-material/Masks';
+import BoltIcon from '@mui/icons-material/Bolt';
 
-function getIcon(name) {
-  switch (name) {
-    case "CLOCK_ICON":
-      return /*#__PURE__*/React.createElement(ClockIcon, null);
-    case "CHECK_ICON":
-      return /*#__PURE__*/React.createElement(CheckIcon, null);
-    case "CLOUD_ICON":
-      return /*#__PURE__*/React.createElement(CloudIcon, null);
+function getIcon(icon) {
+  switch (icon) {
+    case "BedroomBabyIcon":
+      return BedroomBabyIcon;
+    case "BedroomParentIcon":
+      return BedroomParentIcon;
+    case "MonitorHeartIcon":
+      return MonitorHeartIcon;
+    case "VaccinesIcon":
+      return VaccinesIcon;
+    case "LocalHospitalIcon":
+      return LocalHospitalIcon;
+    case "MedicalInformationIcon":
+      return MedicalInformationIcon;
+    case "MedicalServicesIcon":
+      return MedicalServicesIcon;
+    case "ChildCareIcon":
+      return ChildCareIcon;
+    case "ScreenshotMonitorIcon":
+      return ScreenshotMonitorIcon;
+    case "MedicationIcon":
+      return MedicationIcon;
+    case "BloodtypeIcon":
+      return BloodtypeIcon;
+    case "HealingIcon":
+      return HealingIcon;
+    case "LocalPharmacyIcon":
+      return LocalPharmacyIcon;
+    case "FlightIcon":
+      return FlightIcon;
+    case "AirlineSeatFlatIcon":
+      return AirlineSeatFlatIcon;
+    case "AccessibleIcon":
+      return AccessibleIcon;
+    case "PropaneTankIcon":
+      return PropaneTankIcon;
+    case "MasksIcon":
+      return MasksIcon;
+    case "BoltIcon":
+      return BoltIcon;
     default:
       return null;
   }
@@ -35,88 +85,42 @@ function IconSection(_ref) {
   }, /*#__PURE__*/React.createElement(Grid, {
     container: true,
     spacing: 2
-  }, icon.map(icon => /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    sm: 6,
-    md: 4,
-    lg: 3
-  }, /*#__PURE__*/React.createElement(Card, {
-    key: icon.id,
-    sx: {
-      display: "flex",
-      flexDirection: "column",
-      justifyContent: "space-between",
-      flex: 1,
-      height: "100%"
-    }
-  }, /*#__PURE__*/React.createElement(CardContent, null, /*#__PURE__*/React.createElement(Typography, {
-    variant: "h6",
-    component: "div",
-    sx: {
-      mb: 1,
-      display: "flex",
-      justifyContent: "start",
-      alignItems: "center"
-    }
-  }, /*#__PURE__*/React.createElement(SvgIcon, {
-    sx: {
-      mr: 2
-    }
-  }, getIcon(icon.icon)), " ", icon.title), /*#__PURE__*/React.createElement(Typography, {
-    variant: "caption",
-    color: "text.secondary",
-    component: "div"
-  }, icon.text)))))));
-}
-function CheckIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /*#__PURE__*/React.createElement("polyline", {
-    points: "20 6 9 17 4 12"
-  }));
-}
-function ClockIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /*#__PURE__*/React.createElement("circle", {
-    cx: "12",
-    cy: "12",
-    r: "10"
-  }), /*#__PURE__*/React.createElement("polyline", {
-    points: "12 6 12 12 16 14"
-  }));
-}
-function CloudIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"
-  }));
+  }, icon.map(icon => {
+    const Icon = getIcon(icon.icon);
+    return /*#__PURE__*/React.createElement(Grid, {
+      item: true,
+      xs: 12,
+      sm: 6,
+      md: 4,
+      lg: 3
+    }, /*#__PURE__*/React.createElement(Card, {
+      key: icon.id,
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        flex: 1,
+        height: "100%"
+      }
+    }, /*#__PURE__*/React.createElement(CardContent, null, /*#__PURE__*/React.createElement(Typography, {
+      variant: "h6",
+      component: "div",
+      sx: {
+        display: "flex",
+        justifyContent: "start",
+        alignItems: "start",
+        minHeight: "4.2rem"
+      }
+    }, Icon !== null && /*#__PURE__*/React.createElement(Icon, {
+      sx: {
+        mr: 2,
+        mt: 0.2
+      }
+    }), icon.title), /*#__PURE__*/React.createElement(Typography, {
+      variant: "caption",
+      color: "text.secondary",
+      component: "div"
+    }, icon.text))));
+  })));
 }
 
 export { IconSection };