umwd-components 0.1.85 → 0.1.88

package/dist/cjs/components/ColumnsSection.js

@@ -0,0 +1,70 @@
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+  
+'use strict';
+
+var React = require('react');
+var material = require('@mui/material');
+var getIcon = require('../lib/getIcon.js');
+var LocalShippingIcon = require('@mui/icons-material/LocalShipping');
+
+function ColumnsSection(_ref) {
+  let {
+    data
+  } = _ref;
+  const {
+    column
+  } = data;
+  console.log(LocalShippingIcon);
+  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
+  }, column.map(column => {
+    const Icon = getIcon.default(column.icon);
+    return /*#__PURE__*/React.createElement(material.Card, {
+      key: column.id,
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "space-between",
+        flex: 1,
+        minWidth: "350px"
+      }
+    }, /*#__PURE__*/React.createElement(material.CardContent, null, /*#__PURE__*/React.createElement(material.Typography, {
+      variant: "h5",
+      component: "div",
+      sx: {
+        mb: 2
+      }
+    }, Icon !== null && /*#__PURE__*/React.createElement(Icon, {
+      sx: {
+        mr: 2,
+        mt: 0.2,
+        width: "50px",
+        height: "50px",
+        fill: "currentColor",
+        stroke: "none"
+      }
+    }), column.heading), /*#__PURE__*/React.createElement(material.Typography, {
+      variant: "body2",
+      color: "text.secondary",
+      component: "div"
+    }, column.text)));
+  })));
+}
+
+exports.ColumnsSection = ColumnsSection;

package/dist/cjs/components/ContactForm.js

@@ -80,6 +80,7 @@ function ContactForm(_ref) {
   const handleSubmit = async e => {
     e.preventDefault();
     let isValidForm = validate(formValues);
+    console.log("isValidForm", isValidForm);
     if (Object.keys(isValidForm).length === 0) {
       const res = await fetch("/api/sendgrid", {
         body: JSON.stringify({

package/dist/cjs/components/FeaturesSection.js

@@ -83,7 +83,7 @@ function FeatureSection(_ref) {
       }
     }, /*#__PURE__*/React.createElement(material.Button, {
       size: "small"
-    }, "Share"), /*#__PURE__*/React.createElement(material.Button, {
+    }, "Contact"), /*#__PURE__*/React.createElement(material.Button, {
       size: "small"
     }, "Learn More")));
   })));

package/dist/cjs/components/IconSection.js

@@ -32,9 +32,9 @@ function IconSection(_ref) {
       xs: 12,
       sm: 6,
       md: 4,
-      lg: 3
+      lg: 3,
+      key: icon.id
     }, /*#__PURE__*/React.createElement(material.Card, {
-      key: icon.id,
       sx: {
         display: "flex",
         flexDirection: "column",

package/dist/cjs/components/Page.js

@@ -16,6 +16,7 @@ var HeroSection = require('./HeroSection.js');
 var FeaturesSection = require('./FeaturesSection.js');
 var FleetSection = require('./FleetSection.js');
 var IconSection = require('./IconSection.js');
+var ColumnsSection = require('./ColumnsSection.js');
 var material = require('@mui/material');
 var ContactForm = require('./ContactForm.js');
 
@@ -51,6 +52,11 @@ function blockRenderer(block) {
         key: block.id,
         data: block
       });
+    case "layout.columns-section":
+      return /*#__PURE__*/React.createElement(ColumnsSection.ColumnsSection, {
+        key: block.id,
+        data: block
+      });
     default:
       return null;
   }

package/dist/cjs/lib/AmbulanceIcon.js

@@ -0,0 +1,45 @@
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+  
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var SvgIcon = require('@mui/material/SvgIcon');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+function AmbulanceIcon(props) {
+  return /*#__PURE__*/React__namespace.createElement(SvgIcon, props, /*#__PURE__*/React__namespace.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1,
+    stroke: "currentColor"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M20,8h-3V7c0-1.1-0.9-2-2-2H3C1.9,5,1,5.9,1,7v10h2c0,1.7,1.3,3,3,3s3-1.3,3-3h6c0,1.7,1.3,3,3,3s3-1.3,3-3h2v-5L20,8z\r M6,18.5c-0.8,0-1.5-0.7-1.5-1.5s0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5S6.8,18.5,6,18.5z M12.2,11.3h-1.7V13H8.1v-1.7H6.5V9h1.7V7.3h2.3\r V9h1.7V11.3z M18,18.5c-0.8,0-1.5-0.7-1.5-1.5s0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5S18.8,18.5,18,18.5z M17,12V9.5h2.5l2,2.5H17z"
+  })));
+}
+
+exports.default = AmbulanceIcon;

package/dist/cjs/lib/getIcon.js

@@ -28,6 +28,7 @@ var PropaneTankIcon = require('@mui/icons-material/PropaneTank');
 var MasksIcon = require('@mui/icons-material/Masks');
 var BoltIcon = require('@mui/icons-material/Bolt');
 var BedIcon = require('@mui/icons-material/Bed');
+var AmbulanceIcon = require('./AmbulanceIcon.js');
 
 function getIcon(icon) {
   switch (icon) {
@@ -71,6 +72,8 @@ function getIcon(icon) {
       return BoltIcon;
     case "BedIcon":
       return BedIcon;
+    case "AmbulanceIcon":
+      return AmbulanceIcon.default;
     default:
       return null;
   }

package/dist/esm/components/BulletList.js

@@ -5,7 +5,7 @@
  * @license MIT
  */
   
-import React from 'react';
+import React__default from 'react';
 import PropTypes from 'prop-types';
 import { Stack, Typography, SvgIcon } from '@mui/material';
 import FiberManualRecordIcon from '@mui/icons-material/FiberManualRecord';
@@ -16,9 +16,9 @@ function BulletList(_ref) {
     bulletSVG
   } = _ref;
   console.log("bulletSVG2", bulletSVG);
-  return /*#__PURE__*/React.createElement(Stack, {
+  return /*#__PURE__*/React__default.createElement(Stack, {
     spacing: 2
-  }, bullets.map((bullet, index) => /*#__PURE__*/React.createElement(Typography, {
+  }, bullets.map((bullet, index) => /*#__PURE__*/React__default.createElement(Typography, {
     key: index,
     sx: {
       verticalAlign: "center",
@@ -26,11 +26,11 @@ function BulletList(_ref) {
       justifyContent: "flex-start",
       display: "inline-flex"
     }
-  }, bulletSVG ? /*#__PURE__*/React.createElement(SvgIcon, {
+  }, bulletSVG ? /*#__PURE__*/React__default.createElement(SvgIcon, {
     sx: {
       mr: 1
     }
-  }, bulletSVG) : /*#__PURE__*/React.createElement(FiberManualRecordIcon, null), bullet)));
+  }, bulletSVG) : /*#__PURE__*/React__default.createElement(FiberManualRecordIcon, null), bullet)));
 }
 BulletList.propTypes = {
   bullets: PropTypes.arrayOf(PropTypes.string).isRequired

package/dist/esm/components/Button.js

@@ -4,7 +4,7 @@
  * @license MIT
  */
   
-import React from 'react';
+import React__default from 'react';
 import PropTypes from 'prop-types';
 
 function Button(_ref) {
@@ -26,7 +26,7 @@ function Button(_ref) {
     padding: "".concat(0.5 * scale, "rem ").concat(1 * scale, "rem"),
     border: "none"
   };
-  return /*#__PURE__*/React.createElement("button", {
+  return /*#__PURE__*/React__default.createElement("button", {
     style: style,
     onClick: onClick
   }, label);

package/dist/esm/components/ColumnsSection.js

@@ -0,0 +1,68 @@
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+  
+import React__default from 'react';
+import { Container, Stack, Card, CardContent, Typography } from '@mui/material';
+import getIcon from '../lib/getIcon.js';
+import LocalShippingIcon from '@mui/icons-material/LocalShipping';
+
+function ColumnsSection(_ref) {
+  let {
+    data
+  } = _ref;
+  const {
+    column
+  } = data;
+  console.log(LocalShippingIcon);
+  return /*#__PURE__*/React__default.createElement(Container, {
+    maxWidth: "lg",
+    sx: {
+      my: 1
+    }
+  }, /*#__PURE__*/React__default.createElement(Stack, {
+    spacing: 2,
+    direction: "row",
+    justifyContent: "stretch",
+    flexWrap: "wrap",
+    sx: {
+      width: "100%"
+    },
+    useFlexGap: true
+  }, column.map(column => {
+    const Icon = getIcon(column.icon);
+    return /*#__PURE__*/React__default.createElement(Card, {
+      key: column.id,
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "space-between",
+        flex: 1,
+        minWidth: "350px"
+      }
+    }, /*#__PURE__*/React__default.createElement(CardContent, null, /*#__PURE__*/React__default.createElement(Typography, {
+      variant: "h5",
+      component: "div",
+      sx: {
+        mb: 2
+      }
+    }, Icon !== null && /*#__PURE__*/React__default.createElement(Icon, {
+      sx: {
+        mr: 2,
+        mt: 0.2,
+        width: "50px",
+        height: "50px",
+        fill: "currentColor",
+        stroke: "none"
+      }
+    }), column.heading), /*#__PURE__*/React__default.createElement(Typography, {
+      variant: "body2",
+      color: "text.secondary",
+      component: "div"
+    }, column.text)));
+  })));
+}
+
+export { ColumnsSection };

package/dist/esm/components/ContactForm.js

@@ -5,7 +5,7 @@
  * @license MIT
  */
   
-import React from 'react';
+import React__default from 'react';
 import { Container, Stack, Typography, Paper, Button, TextField } from '@mui/material';
 import isEmail from 'validator/lib/isEmail';
 
@@ -16,20 +16,20 @@ function ContactForm(_ref) {
   const {
     maxWidth
   } = data;
-  const [formValues, setFormValues] = React.useState({
+  const [formValues, setFormValues] = React__default.useState({
     name: "",
     email: "",
     subject: "",
     message: ""
   });
-  const [formErrors, setFormErrors] = React.useState({});
+  const [formErrors, setFormErrors] = React__default.useState({});
 
   // Setting button text on form submission
-  React.useState("Send");
+  React__default.useState("Send");
 
   // Setting success or failure messages states
-  const [showSuccessMessage, setShowSuccessMessage] = React.useState(false);
-  const [showFailureMessage, setShowFailureMessage] = React.useState(false);
+  const [showSuccessMessage, setShowSuccessMessage] = React__default.useState(false);
+  const [showFailureMessage, setShowFailureMessage] = React__default.useState(false);
   const handleChange = e => {
     const {
       name,
@@ -76,6 +76,7 @@ function ContactForm(_ref) {
   const handleSubmit = async e => {
     e.preventDefault();
     let isValidForm = validate(formValues);
+    console.log("isValidForm", isValidForm);
     if (Object.keys(isValidForm).length === 0) {
       const res = await fetch("/api/sendgrid", {
         body: JSON.stringify({
@@ -121,45 +122,45 @@ function ContactForm(_ref) {
     console.log("errors from validate", errors);
     return errors;
   };
-  return /*#__PURE__*/React.createElement(Container, {
+  return /*#__PURE__*/React__default.createElement(Container, {
     maxWidth: maxWidth ? maxWidth : "lg",
     sx: {
       my: 1
     }
-  }, /*#__PURE__*/React.createElement(Stack, {
+  }, /*#__PURE__*/React__default.createElement(Stack, {
     spacing: 2,
     sx: {
       width: "100%"
     }
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/React__default.createElement(Typography, {
     variant: "h6",
     align: "center"
-  }, "Write us"), /*#__PURE__*/React.createElement(Typography, {
+  }, "Write us"), /*#__PURE__*/React__default.createElement(Typography, {
     variant: "body1",
     align: "center"
-  }, "We're open for any suggestion or just to have a chat"), showSuccessMessage && /*#__PURE__*/React.createElement(Paper, {
+  }, "We're open for any suggestion or just to have a chat"), showSuccessMessage && /*#__PURE__*/React__default.createElement(Paper, {
     sx: {
       p: 2
     }
-  }, /*#__PURE__*/React.createElement(Stack, {
+  }, /*#__PURE__*/React__default.createElement(Stack, {
     spacing: 2
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/React__default.createElement(Typography, {
     variant: "h6"
-  }, "Thank you!"), /*#__PURE__*/React.createElement(Typography, null, "Your e-mail has been successfully sent!"))), showFailureMessage && /*#__PURE__*/React.createElement(Paper, {
+  }, "Thank you!"), /*#__PURE__*/React__default.createElement(Typography, null, "Your e-mail has been successfully sent!"))), showFailureMessage && /*#__PURE__*/React__default.createElement(Paper, {
     sx: {
       p: 2
     }
-  }, /*#__PURE__*/React.createElement(Stack, {
+  }, /*#__PURE__*/React__default.createElement(Stack, {
     spacing: 2
-  }, /*#__PURE__*/React.createElement(Typography, null, "I am sorry, something went wrong, you could email me directly on info@jellepaulus.nl"), /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React__default.createElement(Typography, null, "I am sorry, something went wrong, you could email me directly on info@jellepaulus.nl"), /*#__PURE__*/React__default.createElement(Button, {
     variant: "contained"
-  }, "try again")))), !showSuccessMessage && !showFailureMessage && /*#__PURE__*/React.createElement(Paper, {
+  }, "try again")))), !showSuccessMessage && !showFailureMessage && /*#__PURE__*/React__default.createElement(Paper, {
     sx: {
       p: 2
     }
-  }, /*#__PURE__*/React.createElement(Stack, {
+  }, /*#__PURE__*/React__default.createElement(Stack, {
     spacing: 2
-  }, /*#__PURE__*/React.createElement(TextField, {
+  }, /*#__PURE__*/React__default.createElement(TextField, {
     id: "name",
     name: "name",
     label: "Name",
@@ -169,7 +170,7 @@ function ContactForm(_ref) {
     onChange: handleChange,
     error: formErrors.name != undefined ? true : false,
     helperText: formErrors.name
-  }), /*#__PURE__*/React.createElement(TextField, {
+  }), /*#__PURE__*/React__default.createElement(TextField, {
     id: "email",
     name: "email",
     label: "Email",
@@ -179,7 +180,7 @@ function ContactForm(_ref) {
     onChange: handleChange,
     error: formErrors.email != undefined ? true : false,
     helperText: formErrors.email
-  }), /*#__PURE__*/React.createElement(TextField, {
+  }), /*#__PURE__*/React__default.createElement(TextField, {
     id: "subject",
     name: "subject",
     label: "Subject",
@@ -189,7 +190,7 @@ function ContactForm(_ref) {
     onChange: handleChange,
     error: formErrors.subject != undefined,
     helperText: formErrors.subject
-  }), /*#__PURE__*/React.createElement(TextField, {
+  }), /*#__PURE__*/React__default.createElement(TextField, {
     id: "message",
     name: "message",
     label: "Message",
@@ -201,15 +202,15 @@ function ContactForm(_ref) {
     onChange: handleChange,
     error: formErrors.message != undefined,
     helperText: formErrors.message
-  }), /*#__PURE__*/React.createElement(Stack, {
+  }), /*#__PURE__*/React__default.createElement(Stack, {
     direction: "row",
     spacing: 2,
     justifyContent: "end"
-  }, /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React__default.createElement(Button, {
     variant: "outlined",
     color: "primary",
     onClick: handleClear
-  }, "Clear"), /*#__PURE__*/React.createElement(Button, {
+  }, "Clear"), /*#__PURE__*/React__default.createElement(Button, {
     variant: "contained",
     onClick: handleSubmit
   }, "Send")))));

package/dist/esm/components/FeaturesSection.js

@@ -4,7 +4,7 @@
  * @license MIT
  */
   
-import React from 'react';
+import React__default from 'react';
 import { Container, Stack, Card, CardContent, CardMedia, Typography, CardActions, Button } from '@mui/material';
 import getIcon from '../lib/getIcon.js';
 
@@ -15,12 +15,12 @@ function FeatureSection(_ref) {
   const {
     feature
   } = data;
-  return /*#__PURE__*/React.createElement(Container, {
+  return /*#__PURE__*/React__default.createElement(Container, {
     maxWidth: "lg",
     sx: {
       my: 1
     }
-  }, /*#__PURE__*/React.createElement(Stack, {
+  }, /*#__PURE__*/React__default.createElement(Stack, {
     spacing: 2,
     direction: "row",
     justifyContent: "stretch",
@@ -31,7 +31,7 @@ function FeatureSection(_ref) {
     useFlexGap: true
   }, feature.map(feature => {
     const Icon = getIcon(feature.icon);
-    return /*#__PURE__*/React.createElement(Card, {
+    return /*#__PURE__*/React__default.createElement(Card, {
       key: feature.id,
       sx: {
         display: "flex",
@@ -40,14 +40,14 @@ function FeatureSection(_ref) {
         flex: 1,
         minWidth: "350px"
       }
-    }, /*#__PURE__*/React.createElement(CardContent, null, /*#__PURE__*/React.createElement(CardMedia, {
+    }, /*#__PURE__*/React__default.createElement(CardContent, null, /*#__PURE__*/React__default.createElement(CardMedia, {
       sx: {
         height: 140,
         display: "grid",
         alignItems: "center",
         justifyContent: "center"
       }
-    }, Icon !== null && /*#__PURE__*/React.createElement(Icon, {
+    }, Icon !== null && /*#__PURE__*/React__default.createElement(Icon, {
       sx: {
         mr: 2,
         mt: 0.2,
@@ -57,31 +57,31 @@ function FeatureSection(_ref) {
         stroke: "currentColor",
         strokeWidth: 0.5
       }
-    })), /*#__PURE__*/React.createElement(Typography, {
+    })), /*#__PURE__*/React__default.createElement(Typography, {
       variant: "h5",
       align: "center",
       component: "div",
       sx: {
         mb: 2
       }
-    }, feature.heading), /*#__PURE__*/React.createElement(Typography, {
+    }, feature.heading), /*#__PURE__*/React__default.createElement(Typography, {
       variant: "h6",
       align: "center",
       component: "div",
       sx: {
         mb: 2
       }
-    }, feature.subHeading.substring(0, 50)), /*#__PURE__*/React.createElement(Typography, {
+    }, feature.subHeading.substring(0, 50)), /*#__PURE__*/React__default.createElement(Typography, {
       variant: "body2",
       color: "text.secondary",
       component: "div"
-    }, feature.subHeading)), /*#__PURE__*/React.createElement(CardActions, {
+    }, feature.subHeading)), /*#__PURE__*/React__default.createElement(CardActions, {
       sx: {
         mb: 0
       }
-    }, /*#__PURE__*/React.createElement(Button, {
+    }, /*#__PURE__*/React__default.createElement(Button, {
       size: "small"
-    }, "Share"), /*#__PURE__*/React.createElement(Button, {
+    }, "Contact"), /*#__PURE__*/React__default.createElement(Button, {
       size: "small"
     }, "Learn More")));
   })));

package/dist/esm/components/FleetSection.js

@@ -4,7 +4,7 @@
  * @license MIT
  */
   
-import React from 'react';
+import React__default from 'react';
 import { Container, Stack, Card, CardHeader, CardMedia, Paper, Box, Typography, CardContent, Chip } from '@mui/material';
 import { StrapiImage } from './StrapiImage.js';
 import RadarIcon from '@mui/icons-material/Radar';
@@ -18,12 +18,12 @@ function FleetSection(_ref) {
   const {
     airplane
   } = data;
-  return /*#__PURE__*/React.createElement(Container, {
+  return /*#__PURE__*/React__default.createElement(Container, {
     maxWidth: "lg",
     sx: {
       my: 1
     }
-  }, /*#__PURE__*/React.createElement(Stack, {
+  }, /*#__PURE__*/React__default.createElement(Stack, {
     spacing: 2,
     direction: "row",
     justifyContent: "stretch",
@@ -32,7 +32,7 @@ function FleetSection(_ref) {
       width: "100%"
     },
     useFlexGap: true
-  }, airplane.map(airplane => /*#__PURE__*/React.createElement(Card, {
+  }, airplane.map(airplane => /*#__PURE__*/React__default.createElement(Card, {
     key: airplane.id,
     sx: {
       display: "flex",
@@ -41,15 +41,15 @@ function FleetSection(_ref) {
       flex: 1,
       minWidth: "350px"
     }
-  }, /*#__PURE__*/React.createElement(CardHeader, {
+  }, /*#__PURE__*/React__default.createElement(CardHeader, {
     title: airplane.name,
     subheader: airplane.description
-  }), /*#__PURE__*/React.createElement(CardMedia, {
+  }), /*#__PURE__*/React__default.createElement(CardMedia, {
     sx: {
       p: 1,
       flex: 1
     }
-  }, /*#__PURE__*/React.createElement(Paper, {
+  }, /*#__PURE__*/React__default.createElement(Paper, {
     sx: {
       p: 1,
       py: "4rem",
@@ -60,7 +60,7 @@ function FleetSection(_ref) {
       height: "100%"
     },
     variant: "outlined"
-  }, airplane.floorplan !== null && /*#__PURE__*/React.createElement(StrapiImage, {
+  }, airplane.floorplan !== null && /*#__PURE__*/React__default.createElement(StrapiImage, {
     src: airplane.floorplan.url,
     alt: airplane.floorplan.alternativeText,
     width: airplane.floorplan.width,
@@ -70,38 +70,38 @@ function FleetSection(_ref) {
       width: "100%",
       height: "100%"
     }
-  }), /*#__PURE__*/React.createElement(Box, {
+  }), /*#__PURE__*/React__default.createElement(Box, {
     sx: {
       position: "absolute",
       right: "1rem",
       bottom: "1rem"
     }
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/React__default.createElement(Typography, {
     variant: "body2",
     color: "text.secondary",
     align: "right"
-  }, /*#__PURE__*/React.createElement("strong", null, "Cabin Dimensions:"), " ", /*#__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")))), /*#__PURE__*/React.createElement(CardContent, {
+  }, /*#__PURE__*/React__default.createElement("strong", null, "Cabin Dimensions:"), " ", /*#__PURE__*/React__default.createElement("strong", null, "H"), " ", airplane.cabinHeight, " m ", /*#__PURE__*/React__default.createElement("strong", null, "W"), " ", airplane.cabinWidth, " m ", /*#__PURE__*/React__default.createElement("strong", null, "L"), " ", airplane.cabinLength, " m")))), /*#__PURE__*/React__default.createElement(CardContent, {
     sx: {}
-  }, /*#__PURE__*/React.createElement(Stack, {
+  }, /*#__PURE__*/React__default.createElement(Stack, {
     direction: "row",
     spacing: 1,
     flexWrap: "wrap",
     useFlexGap: true
-  }, /*#__PURE__*/React.createElement(Chip, {
+  }, /*#__PURE__*/React__default.createElement(Chip, {
     label: "Range: ".concat(airplane.range, " km"),
     variant: "filled",
     color: "primary",
-    icon: /*#__PURE__*/React.createElement(RadarIcon, null)
-  }), /*#__PURE__*/React.createElement(Chip, {
+    icon: /*#__PURE__*/React__default.createElement(RadarIcon, null)
+  }), /*#__PURE__*/React__default.createElement(Chip, {
     label: "Speed: ".concat(airplane.speed, " km/h"),
     variant: "filled",
     color: "primary",
-    icon: /*#__PURE__*/React.createElement(SpeedIcon, null)
-  }), /*#__PURE__*/React.createElement(Chip, {
+    icon: /*#__PURE__*/React__default.createElement(SpeedIcon, null)
+  }), /*#__PURE__*/React__default.createElement(Chip, {
     label: "Ceiling: ".concat(airplane.ceiling, " ft"),
     variant: "filled",
     color: "primary",
-    icon: /*#__PURE__*/React.createElement(HeightIcon, null)
+    icon: /*#__PURE__*/React__default.createElement(HeightIcon, null)
   })))))));
 }