luna-one 3.1.593 → 3.1.595

package/dist/luna/components/OverlayNotice/OverlayNotice.stories.js

@@ -0,0 +1,96 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.ShortText = exports.OverMaxText = exports.MaxTextLink = exports.MaxText = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _OverlayNotice = _interopRequireDefault(require("./OverlayNotice"));
+var _OverlayNoticeDocumentation = _interopRequireDefault(require("./OverlayNoticeDocumentation.mdx"));
+var _addonActions = require("@storybook/addon-actions");
+var _default = {
+  component: _OverlayNotice["default"],
+  title: "MXP Components/Overlay Notice",
+  parameters: {
+    docs: {
+      page: _OverlayNoticeDocumentation["default"]
+    }
+  }
+};
+exports["default"] = _default;
+var shortHeader = "Register for Dimensions 2022®";
+var header = "Dimensions 2022 registration is now open®";
+var longHeader = "This is a very long header. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur molestie.®";
+var shortButton = {
+  text: "Register",
+  url: "/"
+};
+var button = {
+  text: "Register Now",
+  url: "/"
+};
+var buttonExternal = {
+  text: "Register Now",
+  url: "https://www.google.com",
+  external: true
+};
+var longButton = {
+  text: "This is exceptionally long button text",
+  url: "/"
+};
+var ShortContent = function ShortContent() {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("p", null, "Anim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est sint laborum."));
+};
+var ContentNoLink = function ContentNoLink() {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("p", null, "Anim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est sint laborum. Cillum et laboris aliquip consequat."));
+};
+var ContentWithLink = function ContentWithLink() {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("p", null, "Early-bird registrants now receive VIP access Day 1 of the event. View", " "), /*#__PURE__*/_react["default"].createElement("a", {
+    href: "/"
+  }, "Conference Details"), /*#__PURE__*/_react["default"].createElement("p", null, ". "));
+};
+var VeryLongContent = function VeryLongContent() {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("p", null, "Anim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est sint laborum. Cillum et laboris aliquip consequat. Consectetur commodo nisi laborum voluptate. Commodo est ullamco pariatur ut nostrud pariatur. Anim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est sint laborum. Cillum et laboris aliquip consequat."), /*#__PURE__*/_react["default"].createElement("p", null, "Anim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est sint laborum. Cillum et laboris aliquip consequat. Consectetur commodo nisi laborum voluptate. Commodo est ullamco pariatur ut nostrud pariatur. Anim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est sint laborum. Cillum et laboris aliquip consequat."));
+};
+var _handleClose = (0, _addonActions.action)("Banner dismissed");
+var ShortText = function ShortText() {
+  return /*#__PURE__*/_react["default"].createElement(_OverlayNotice["default"], {
+    header: shortHeader,
+    button: shortButton,
+    details: /*#__PURE__*/_react["default"].createElement(ShortContent, null),
+    handleClose: _handleClose
+  });
+};
+exports.ShortText = ShortText;
+ShortText.storyName = "Character count is below recommneded max ";
+var MaxText = function MaxText() {
+  return /*#__PURE__*/_react["default"].createElement(_OverlayNotice["default"], {
+    header: header,
+    button: button,
+    details: /*#__PURE__*/_react["default"].createElement(ContentNoLink, null),
+    handleClose: _handleClose
+  });
+};
+exports.MaxText = MaxText;
+MaxText.storyName = "Character count Recommended max ";
+var MaxTextLink = function MaxTextLink() {
+  return /*#__PURE__*/_react["default"].createElement(_OverlayNotice["default"], {
+    header: header,
+    button: buttonExternal,
+    details: /*#__PURE__*/_react["default"].createElement(ContentWithLink, null),
+    handleClose: _handleClose
+  });
+};
+exports.MaxTextLink = MaxTextLink;
+MaxTextLink.storyName = "Recommended max character count with link";
+var OverMaxText = function OverMaxText() {
+  return /*#__PURE__*/_react["default"].createElement(_OverlayNotice["default"], {
+    header: longHeader,
+    button: longButton,
+    details: /*#__PURE__*/_react["default"].createElement(VeryLongContent, null),
+    handleClose: _handleClose
+  });
+};
+exports.OverMaxText = OverMaxText;
+OverMaxText.storyName = "Recommended max character count exceeded";

package/dist/luna/components/OverlayNotice/OverlayNoticeDocumentation.mdx

@@ -0,0 +1,45 @@
+#### Overlay Notice
+
+###### Props -
+
+- `header` - string containing the headline text.
+- `button` - object containing the following properties:
+  - `url` - string containing the url that opens when the button is clicked.
+  - `text` - string containing the button text.
+  - `external` - boolean that determines if the link is external. If true, the 'external arrow' icon will render.
+    `details` - react component that renders the html for the details section. The styling of this component is equipped to handle `<p>` and `<a>` tags.
+- `handleClose` - function that is called when the close button is pressed.
+
+###### Example -
+
+```
+
+const shortHeader = "Register for Dimensions 2022";
+
+const shortButton = {
+  text: "Register",
+  url: "/",
+};
+
+const ShortContent = () => (
+  <>
+    <p>
+      Anim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est
+      sint laborum.
+    </p>
+  </>
+);
+
+const handleClose = () => {
+  console.log('Banner dismissed!');
+}
+
+return (
+  <OverlayNotice
+    header={shortHeader}
+    button={shortButton}
+    details={<ShortContent />}
+    handleClose={handleClose}
+  />
+);
+```

package/dist/luna/components/ProductSummary/ProductSummary.stories.js

@@ -0,0 +1,163 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.TrialProductNoDaysLeftOfTrial = exports.TrialProductDaysLeftOfTrial = exports.MultipleRegions = exports.HardWareProduct = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ProductSummary = _interopRequireDefault(require("./ProductSummary"));
+var summaryCard = {
+  name: "Product Name®",
+  description: "Real-time collaboration® in one central model lets you keep track of changes and access anywhere, anytime.",
+  productLine: "Product Line Name",
+  // regions: ["North America", "South America", "Europe"],
+  cta: {
+    text: " Label",
+    onClick: function onClick() {
+      console.log("hiiiii");
+    }
+  }
+};
+var columnCard1 = {
+  eyebrow: "Eyebrow",
+  header: "Headline®",
+  subheader: "Real-time collaboration in one central model lets you keep track of changes and access anywhere anytime",
+  listType: "bullets",
+  list: [{
+    title: "Bullet Title",
+    text: "Bullet® Body"
+  }, {
+    title: "Bullet Title",
+    text: "Bullet Body"
+  }, {
+    title: "Bullet Title",
+    text: "Bullet® Body"
+  }, {
+    title: "Bullet Title",
+    text: "Bullet Body"
+  }]
+};
+var columnCard2 = {
+  eyebrow: "Eyebrow",
+  header: "Headline®",
+  subheader: "Real-time collaboration in one central model lets you keep track of changes and access anywhere anytime",
+  listType: "links",
+  list: [{
+    url: "/",
+    text: "Label"
+  }, {
+    url: "/",
+    text: "Label"
+  }, {
+    url: "/",
+    text: "Label"
+  }, {
+    url: "/",
+    text: "Label"
+  }]
+};
+var labels = {
+  productSummaryLabel: "Product Summary",
+  productLineLabel: "Product Line",
+  regionsLabel: "Available Regions:",
+  noRegionsLabel: "No items match your filter"
+};
+var summaryCard1 = {
+  name: "Product Name®",
+  description: "Real-time collaboration in one central model lets you keep track of changes and access anywhere, anytime.",
+  productLine: "Product Line Name",
+  regions: null,
+  cta: {
+    text: " Label",
+    url: "/"
+  }
+};
+var summaryCard2 = {
+  name: "Product Name®",
+  description: "Real-time collaboration in one central model lets you keep track of changes and access anywhere, anytime.",
+  productLine: "30 days",
+  regions: null,
+  ctas: {
+    ctaOne: {
+      text: "Sign In",
+      url: "/",
+      className: "primary--1"
+    },
+    ctaTwo: {
+      text: "Create an Account",
+      url: "/",
+      className: "primary--2"
+    }
+  }
+};
+var summaryCard3 = {
+  name: "Product Name®",
+  description: "Real-time collaboration in one central model lets you keep track of changes and access anywhere, anytime.",
+  productLine: "0 days",
+  regions: null
+};
+var content = {
+  summaryCard: summaryCard,
+  columns: [columnCard1, columnCard2],
+  labels: labels,
+  version: "Version: 1"
+};
+var content1 = {
+  summaryCard: summaryCard1,
+  columns: [columnCard1, columnCard2],
+  labels: labels,
+  version: "Version: 1"
+};
+var content2 = {
+  summaryCard: summaryCard1,
+  columns: [columnCard1, columnCard2],
+  labels: labels
+};
+var content3 = {
+  summaryCard: summaryCard3,
+  columns: [columnCard1, columnCard2],
+  labels: labels,
+  variant: "product-trial-last-day"
+};
+var content4 = {
+  summaryCard: summaryCard2,
+  columns: [columnCard1, columnCard2],
+  labels: labels,
+  variant: "product-trial"
+};
+var _default = {
+  component: _ProductSummary["default"],
+  title: "MXP Components/Products Summary"
+};
+exports["default"] = _default;
+var Default = function Default() {
+  return /*#__PURE__*/_react["default"].createElement(_ProductSummary["default"], {
+    content: content1
+  });
+};
+exports.Default = Default;
+var MultipleRegions = function MultipleRegions() {
+  return /*#__PURE__*/_react["default"].createElement(_ProductSummary["default"], {
+    content: content
+  });
+};
+exports.MultipleRegions = MultipleRegions;
+var HardWareProduct = function HardWareProduct() {
+  return /*#__PURE__*/_react["default"].createElement(_ProductSummary["default"], {
+    content: content2
+  });
+};
+exports.HardWareProduct = HardWareProduct;
+var TrialProductNoDaysLeftOfTrial = function TrialProductNoDaysLeftOfTrial() {
+  return /*#__PURE__*/_react["default"].createElement(_ProductSummary["default"], {
+    content: content3
+  });
+};
+exports.TrialProductNoDaysLeftOfTrial = TrialProductNoDaysLeftOfTrial;
+var TrialProductDaysLeftOfTrial = function TrialProductDaysLeftOfTrial() {
+  return /*#__PURE__*/_react["default"].createElement(_ProductSummary["default"], {
+    content: content4
+  });
+};
+exports.TrialProductDaysLeftOfTrial = TrialProductDaysLeftOfTrial;

package/dist/luna/components/ProductsPackage/ProductsPackage.stories.js

@@ -0,0 +1,384 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.TwoSections = exports.NoEyebrowsOption = exports.MoreThanThreeProducts = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ProductsPackage = _interopRequireDefault(require("./ProductsPackage"));
+var _product = _interopRequireDefault(require("../../../../images/product.svg"));
+var _laptopProduct = _interopRequireDefault(require("../../../../images/laptop-product.svg"));
+var cards = [{
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Product Name®",
+  cardLink: {
+    url: "/#",
+    text: "Learn More",
+    external: false
+  },
+  text: "Lacus nibh mauris sit sodales pharetra viverra vitae cras aliquet. Turpis sed magna tristique."
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Product Name",
+  cardLink: {
+    url: "/#",
+    text: "Learn More",
+    external: false
+  },
+  text: "Lacus nibh mauris sit sodales pharetra viverra vitae cras aliquet. Turpis sed magna tristique."
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Product Name",
+  cardLink: {
+    url: "/#",
+    text: "Learn More"
+  },
+  text: "Lacus nibh mauris sit sodales pharetra viverra vitae cras aliquet. Turpis sed magna tristique."
+}];
+var lotsOfCards = [{
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Product Name",
+  cardLink: {
+    url: "/#",
+    text: "Learn More",
+    external: false
+  },
+  text: "<p>For surveyors who complete field data adjustments and quality control checks with basic survey CAD and model prep tools.<br /><ul><li>Survey adjustments</li> <li>CAD</li><li>Surfaces + Alignments</li></ul></p>"
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Product Name",
+  cardLink: {
+    url: "/#",
+    text: "Learn More",
+    external: false
+  },
+  text: "Lacus nibh mauris sit sodales pharetra viverra vitae cras aliquet. Turpis sed magna tristique."
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Product Name",
+  cardLink: {
+    url: "/#",
+    text: "Learn More",
+    external: false
+  },
+  text: "Lacus nibh mauris sit sodales pharetra viverra vitae cras aliquet. Turpis sed magna tristique."
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Product Name",
+  cardLink: {
+    url: "/#",
+    text: "Learn More",
+    external: false
+  },
+  text: "Lacus nibh mauris sit sodales pharetra viverra vitae cras aliquet. Turpis sed magna tristique."
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Product Name",
+  cardLink: {
+    url: "/#",
+    text: "Learn More",
+    external: false
+  },
+  text: "Lacus nibh mauris sit sodales pharetra viverra vitae cras aliquet. Turpis sed magna tristique."
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Product Name",
+  cardLink: {
+    url: "/#",
+    text: "Learn More",
+    external: false
+  },
+  text: "Lacus nibh mauris sit sodales pharetra viverra vitae cras aliquet. Turpis sed magna tristique."
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Product Name",
+  cardLink: {
+    url: "/#",
+    text: "Learn More",
+    external: false
+  },
+  text: "Lacus nibh mauris sit sodales pharetra viverra vitae cras aliquet. Turpis sed magna tristique."
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Product Name",
+  cardLink: {
+    url: "/#",
+    text: "Learn More",
+    external: false
+  },
+  text: "Lacus nibh mauris sit sodales pharetra viverra vitae cras aliquet. Turpis sed magna tristique."
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Product Name",
+  cardLink: {
+    url: "/#",
+    text: "Learn More",
+    external: false
+  },
+  text: "Lacus nibh mauris sit sodales pharetra viverra vitae cras aliquet. Turpis sed magna tristique."
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Product Name",
+  cardLink: {
+    url: "/#",
+    text: "Learn More",
+    external: false
+  },
+  text: "Lacus nibh mauris sit sodales pharetra viverra vitae cras aliquet. Turpis sed magna tristique."
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Product Name",
+  cardLink: {
+    url: "/#",
+    text: "Learn More",
+    external: false
+  },
+  text: "Lacus nibh mauris sit sodales pharetra viverra vitae cras aliquet. Turpis sed magna tristique."
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Product Name",
+  cardLink: {
+    url: "/#",
+    text: "Learn More",
+    external: false
+  },
+  text: "Lacus nibh mauris sit sodales pharetra viverra vitae cras aliquet. Turpis sed magna tristique."
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Product Name",
+  cardLink: {
+    url: "/#",
+    text: "Learn More"
+  },
+  text: "Lacus nibh mauris sit sodales pharetra viverra vitae cras aliquet. Turpis sed magna tristique."
+}];
+var eyebrow = "Hardware";
+var header = "Card Header®";
+var text = "The no nonsense workhorse® that works efficiently and dependably while maintaining the highest possible accuracy";
+var productEyebrow = "Works With...";
+var cta = {
+  text: "Button",
+  url: "/",
+  className: "ter-button--primary--1"
+};
+var image = {
+  url: _product["default"],
+  alt: "product photo"
+};
+var content = {
+  eyebrow: eyebrow,
+  header: header,
+  text: text,
+  productEyebrow: productEyebrow,
+  cta: cta,
+  cards: cards,
+  image: image
+};
+var secondContent = {
+  eyebrow: eyebrow,
+  header: header,
+  text: text,
+  productEyebrow: productEyebrow,
+  cta: cta,
+  cards: lotsOfCards,
+  image: image
+};
+var thirdContent = {
+  header: header,
+  text: text,
+  cta: cta,
+  cards: cards,
+  image: image
+};
+var _default = {
+  component: _ProductsPackage["default"],
+  title: "MXP Components/Products Package"
+};
+exports["default"] = _default;
+var Default = function Default() {
+  return /*#__PURE__*/_react["default"].createElement(_ProductsPackage["default"], {
+    content: content
+  });
+};
+exports.Default = Default;
+var MoreThanThreeProducts = function MoreThanThreeProducts() {
+  return /*#__PURE__*/_react["default"].createElement(_ProductsPackage["default"], {
+    content: secondContent
+  });
+};
+exports.MoreThanThreeProducts = MoreThanThreeProducts;
+var NoEyebrowsOption = function NoEyebrowsOption() {
+  return /*#__PURE__*/_react["default"].createElement(_ProductsPackage["default"], {
+    content: thirdContent
+  });
+};
+exports.NoEyebrowsOption = NoEyebrowsOption;
+var TwoSections = function TwoSections() {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_ProductsPackage["default"], {
+    content: content
+  }), /*#__PURE__*/_react["default"].createElement(_ProductsPackage["default"], {
+    content: content
+  }));
+};
+exports.TwoSections = TwoSections;