contentoh-components-library 0.1.1

package/dist/components/molecules/TextAndGradient/TextAndGradient.stories.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.TextAndGradientDefault = void 0;
+
+var _index = require("./index");
+
+var _Cadena = _interopRequireDefault(require("../../../assets/images/providerAndCadena/Cadena.svg"));
+
+var _default = {
+  title: "Components/molecules/TextAndGradient",
+  component: _index.TextAndGradient
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/React.createElement(_index.TextAndGradient, args);
+};
+
+var TextAndGradientDefault = Template.bind({});
+exports.TextAndGradientDefault = TextAndGradientDefault;
+TextAndGradientDefault.args = {
+  title: "Beneficios de cadenas",
+  containerList: {
+    content: ["Crea proveedores y agregalos a tu cadena", "Valida los proveedores", "Solicita actualización a proveedores", "Analiza el número de productos totales"]
+  }
+};

package/dist/components/molecules/TextAndGradient/index.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TextAndGradient = void 0;
+
+var _styles = require("./styles");
+
+var _AtomList = require("../../atoms/AtomList");
+
+var _ScreenHeader = require("../../atoms/ScreenHeader");
+
+var _variables = require("../../../global-files/variables");
+
+var TextAndGradient = function TextAndGradient(_ref) {
+  var title = _ref.title,
+      image = _ref.image,
+      containerList = _ref.containerList;
+  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement("div", {
+    className: "title"
+  }, /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
+    className: "title",
+    headerType: "with-bold-text",
+    text: title,
+    color: _variables.GlobalColors.s1
+  })), image && /*#__PURE__*/React.createElement("img", {
+    src: image
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "list"
+  }, /*#__PURE__*/React.createElement(_AtomList.AtomList, {
+    content: containerList.content
+  })));
+};
+
+exports.TextAndGradient = TextAndGradient;

package/dist/components/molecules/TextAndGradient/styles.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Container = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _templateObject;
+
+var Container = _styledComponents.default.button(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\n    position: absolute;\n    width: 720px;\n    height: 720px;\n    left: 0px;\n    top: 0px;\n    background: linear-gradient(180deg, #E33AA9 0%, #3B1366 100%);\n    align-content: center;\n\n    .title{\n        position: absolute;\n        width: 475px;\n        height: 36px;\n        left: 110px;\n        top: 140px;\n        letter-spacing: -0.015em;\n        font-feature-settings: 'pnum' on, 'lnum' on;\n    }\n    .list{\n        position: absolute;\n        height: 160px;\n        left: 180px;\n        top: 219px;\n        font-family: Raleway;\n        font-style: normal;\n        font-weight: 500;\n        font-size: 18px;\n        line-height: 40px;\n        letter-spacing: -0.015em;\n        text-align: left;\n        \n    }\n\n"])));
+
+exports.Container = Container;

package/dist/components/organisms/FullProductNameHeader/FullProductNameHeader.stories.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.FullProductNameHeaderDefault = void 0;
+
+var _index = require("./index");
+
+var _default = {
+  title: "Components/organisms/FullProductNameHeader",
+  component: _index.FullProductNameHeader
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/React.createElement(_index.FullProductNameHeader, args);
+};
+
+var FullProductNameHeaderDefault = Template.bind({});
+exports.FullProductNameHeaderDefault = FullProductNameHeaderDefault;
+FullProductNameHeaderDefault.args = {
+  headerData: {
+    name: "Nombre del producto",
+    status: "P",
+    percent: 20,
+    backgroundColor: "in_progress",
+    priority: "low",
+    date: new Date().toLocaleDateString(),
+    features: [{
+      feature: "Prov",
+      value: "Unilever"
+    }, {
+      feature: "Vendor",
+      value: "1234567890"
+    }, {
+      feature: "SKU",
+      value: "1234567890"
+    }, {
+      feature: "UPC",
+      value: "1234567890"
+    }, {
+      feature: "Categoría",
+      value: "Desodorantes Caballero y Dama"
+    }],
+    validation: "null-button"
+  }
+};

package/dist/components/organisms/FullProductNameHeader/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FullProductNameHeader = void 0;
+
+var _styles = require("./styles");
+
+var _ProductNameHeader = require("../../molecules/ProductNameHeader");
+
+var _FeaturesBar = require("../../molecules/FeaturesBar");
+
+var _AvatarAndValidation = require("../../molecules/AvatarAndValidation");
+
+var FullProductNameHeader = function FullProductNameHeader(_ref) {
+  var headerData = _ref.headerData;
+  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement(_ProductNameHeader.ProductNameHeader, {
+    productName: headerData === null || headerData === void 0 ? void 0 : headerData.name,
+    statusType: headerData === null || headerData === void 0 ? void 0 : headerData.status,
+    percent: headerData === null || headerData === void 0 ? void 0 : headerData.percent,
+    backgroundColor: headerData === null || headerData === void 0 ? void 0 : headerData.backgroundColor,
+    priority: headerData === null || headerData === void 0 ? void 0 : headerData.priority,
+    date: headerData === null || headerData === void 0 ? void 0 : headerData.date
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "features-bar-container"
+  }, /*#__PURE__*/React.createElement(_FeaturesBar.FeaturesBar, {
+    features: headerData === null || headerData === void 0 ? void 0 : headerData.features
+  }), /*#__PURE__*/React.createElement(_AvatarAndValidation.AvatarAndValidation, {
+    avatarData: headerData === null || headerData === void 0 ? void 0 : headerData.avatarData,
+    validation: headerData === null || headerData === void 0 ? void 0 : headerData.validation
+  })));
+};
+
+exports.FullProductNameHeader = FullProductNameHeader;

package/dist/components/organisms/FullProductNameHeader/styles.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Container = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _templateObject;
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .features-bar-container {\n    display: flex;\n    justify-content: space-between;\n  }\n\n  & + * {\n    margin-top: 17px;\n  }\n"])));
+
+exports.Container = Container;

package/dist/components/organisms/FullTabsMenu/FullTabsMenu.stories.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.FullTabsMenuDefault = void 0;
+
+var _index = require("./index");
+
+var _default = {
+  title: "Components/organisms/FullTabsMenu",
+  component: _index.FullTabsMenu
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/React.createElement(_index.FullTabsMenu, args);
+};
+
+var FullTabsMenuDefault = Template.bind({});
+exports.FullTabsMenuDefault = FullTabsMenuDefault;
+FullTabsMenuDefault.args = {
+  status: "AA",
+  image: {
+    src: "https://image.shutterstock.com/image-illustration/3d-render-generic-drug-pills-260nw-709112806.jpg"
+  },
+  tabsSections: {
+    Descripción: true,
+    "Ficha técnica": false,
+    Imágenes: false,
+    "Golden SKU": false
+  }
+};

package/dist/components/organisms/FullTabsMenu/index.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FullTabsMenu = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _styles = require("./styles");
+
+var _index = require("../../molecules/TabsMenu/index");
+
+var _index2 = require("../../molecules/StatusAsignationInfo/index");
+
+var _react = require("react");
+
+var FullTabsMenu = function FullTabsMenu(_ref) {
+  var tabsSections = _ref.tabsSections,
+      status = _ref.status,
+      profileImage = _ref.profileImage,
+      setActiveTab = _ref.setActiveTab,
+      setImageLayout = _ref.setImageLayout;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      imagesSection = _useState2[0],
+      setImagesSection = _useState2[1];
+
+  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement(_index.TabsMenu, {
+    tabsSections: tabsSections,
+    setImagesSection: setImagesSection,
+    setActiveTab: setActiveTab
+  }), /*#__PURE__*/React.createElement(_index2.StatusAsignationInfo, {
+    status: status,
+    image: profileImage,
+    setImageLayout: setImageLayout,
+    imagesSection: imagesSection
+  }));
+};
+
+exports.FullTabsMenu = FullTabsMenu;

package/dist/components/organisms/FullTabsMenu/styles.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Container = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _templateObject;
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-between;\n\n  & + * {\n    margin-top: 15px;\n  }\n"])));
+
+exports.Container = Container;

package/dist/components/organisms/Fullplan/FullPlan.stories.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.FullPlanDefault = void 0;
+
+var _index = require("./index");
+
+var _default = {
+  title: "Components/organisms/FullPlan",
+  component: _index.FullPlan
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/React.createElement(_index.FullPlan, args);
+};
+
+var FullPlanDefault = Template.bind({});
+exports.FullPlanDefault = FullPlanDefault;
+FullPlanDefault.args = {
+  title: "Elige el número de proveedores",
+  textGeneral: "Bienvido a nuestra plataforma de cadena, para continuar elige el número de proveedores que tiene tu cadena",
+  containerData: {
+    planSelection: [{
+      number: "300",
+      name: "Proveedores"
+    }, {
+      number: "1500",
+      name: "Proveedores"
+    }, {
+      number: "+3000",
+      name: "Proveedores"
+    }, {
+      number: "Ondemand",
+      name: "agrega proveedores a tu forma"
+    }]
+  }
+};

package/dist/components/organisms/Fullplan/index.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FullPlan = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _styles = require("./styles");
+
+var _PlanSelection = require("../../molecules/PlanSelection");
+
+var _ScreenHeader = require("../../atoms/ScreenHeader");
+
+var _variables = require("../../../global-files/variables");
+
+var _GeneralButton = require("../../atoms/GeneralButton");
+
+var _react = require("react");
+
+var FullPlan = function FullPlan(_ref) {
+  var title = _ref.title,
+      textGeneral = _ref.textGeneral,
+      containerData = _ref.containerData;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      buttonActive = _useState2[0],
+      setbuttonActive = _useState2[1];
+
+  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement("div", {
+    className: "title"
+  }, /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
+    headerType: "product-name-header",
+    text: title,
+    color: _variables.GlobalColors.original_purpura
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "general-text"
+  }, /*#__PURE__*/React.createElement("p", null, textGeneral)), /*#__PURE__*/React.createElement(_PlanSelection.PlanSelection, {
+    planSelection: containerData.planSelection,
+    setbuttonActive: setbuttonActive
+  }), /*#__PURE__*/React.createElement(_GeneralButton.Button, {
+    buttonType: buttonActive ? "general-default-button" : "general-transparent-button",
+    label: "Continuar"
+  }));
+};
+
+exports.FullPlan = FullPlan;

package/dist/components/organisms/Fullplan/styles.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Container = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _variables = require("../../../global-files/variables");
+
+var _templateObject;
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  text-align: center;\n\n  .title {\n    text-align: center;\n    font-feature-settings: \"pnum\" on, \"lnum\" on;\n    h2 {\n      max-width: 350px;\n      margin: auto;\n    }\n  }\n  .general-text {\n    text-align: center;\n    font-feature-settings: \"pnum\" on, \"lnum\" on;\n    p {\n      color: ", ";\n      font-family: ", ";\n      font-size: 14px;\n      max-width: 390px;\n      margin: auto;\n    }\n  }\n"])), _variables.GlobalColors.s4, _variables.FontFamily.AvenirNext);
+
+exports.Container = Container;

package/dist/components/organisms/ImageDataTable/ImageDataTable.stories.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ImageDataTableDefault = void 0;
+
+var _index = require("./index");
+
+var _default = {
+  title: "Components/organisms/ImageDataTable",
+  component: _index.ImageDataTable
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/React.createElement(_index.ImageDataTable, args);
+};
+
+var ImageDataTableDefault = Template.bind({});
+exports.ImageDataTableDefault = ImageDataTableDefault;
+ImageDataTableDefault.args = {
+  headerInfo: {
+    src: "https://www.thestar.com/content/dam/thestar/columnist_logos/francis_angelyn_logo2020.jpg",
+    name: "Hero.jpg",
+    status: "AA"
+  },
+  imageData: [{
+    feature: "Tipo de imagen",
+    value: "Tipo de imagen"
+  }, {
+    feature: "Identificador",
+    value: "F26"
+  }, {
+    feature: "Formato",
+    value: "jpg"
+  }, {
+    feature: "Resolución",
+    value: "300dpi"
+  }, {
+    feature: "Tamaño de imagen",
+    value: "1000x10000"
+  }]
+};

package/dist/components/organisms/ImageDataTable/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ImageDataTable = void 0;
+
+var _styles = require("./styles");
+
+var _TableHeader = require("../../molecules/TableHeader");
+
+var _TableRow = require("../../molecules/TableRow");
+
+var ImageDataTable = function ImageDataTable(_ref) {
+  var headerInfo = _ref.headerInfo,
+      imageData = _ref.imageData,
+      activeImage = _ref.activeImage;
+  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement(_TableHeader.TableHeader, {
+    headerInfo: headerInfo,
+    activeImage: activeImage
+  }), imageData === null || imageData === void 0 ? void 0 : imageData.map(function (attribute, index) {
+    return /*#__PURE__*/React.createElement(_TableRow.TableRow, {
+      key: index,
+      feature: attribute.feature,
+      value: attribute.value,
+      valueType: index < 2
+    });
+  }));
+};
+
+exports.ImageDataTable = ImageDataTable;

package/dist/components/organisms/ImageDataTable/styles.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Container = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _variables = require("../../../global-files/variables");
+
+var _templateObject;
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 340px;\n  padding: 10px;\n  border: 1px solid ", ";\n  border-radius: 3px;\n"])), _variables.GlobalColors.s2);
+
+exports.Container = Container;

package/dist/components/organisms/ImagePreviewer/ImagePreviewer.stories.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ImagePreviewerDefault = void 0;
+
+var _index = require("./index");
+
+var _default = {
+  title: "Components/organisms/ImagePreviewer",
+  component: _index.ImagePreviewer
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/React.createElement(_index.ImagePreviewer, args);
+};
+
+var ImagePreviewerDefault = Template.bind({});
+exports.ImagePreviewerDefault = ImagePreviewerDefault;
+ImagePreviewerDefault.args = {
+  imagesArray: [{
+    img: "https://image.shutterstock.com/image-illustration/3d-render-generic-drug-pills-260nw-709112806.jpg",
+    alt: "img"
+  }, {
+    img: "https://www.muycomputer.com/wp-content/uploads/2020/12/google.png",
+    alt: "img"
+  }, {
+    img: "https://www.ionos.es/digitalguide/fileadmin/DigitalGuide/Teaser/bildergalerie-online-t.jpg",
+    alt: "img"
+  }, {
+    img: "https://i.pinimg.com/originals/d0/b9/28/d0b928df15d3a3bf1905865a8fedb257.jpg",
+    alt: "img"
+  }, {
+    img: "https://memegenerator.net/img/images/72798198.jpg",
+    alt: "img"
+  }, {
+    img: "http://www.dumpaday.com/wp-content/uploads/2016/02/funny-pictures-621.jpg",
+    alt: "img"
+  }]
+};

package/dist/components/organisms/ImagePreviewer/index.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ImagePreviewer = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _styles = require("./styles");
+
+var _EditionActiveImage = require("../../molecules/EditionActiveImage");
+
+var _ImageSelector = require("../../molecules/ImageSelector");
+
+var _react = require("react");
+
+var ImagePreviewer = function ImagePreviewer(_ref) {
+  var _ref$imagesArray = _ref.imagesArray,
+      imagesArray = _ref$imagesArray === void 0 ? [] : _ref$imagesArray,
+      activeImage = _ref.activeImage,
+      setActiveImage = _ref.setActiveImage;
+
+  var _useState = (0, _react.useState)(activeImage),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      imageSelected = _useState2[0],
+      setImageSelected = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    setActiveImage && setActiveImage(imageSelected);
+  }, [imageSelected]);
+  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement(_EditionActiveImage.EditionActiveImage, {
+    img: imageSelected === null || imageSelected === void 0 ? void 0 : imageSelected.img,
+    altText: imageSelected === null || imageSelected === void 0 ? void 0 : imageSelected.alt
+  }), /*#__PURE__*/React.createElement(_ImageSelector.ImageSelector, {
+    images: imagesArray,
+    setActiveImage: setImageSelected
+  }));
+};
+
+exports.ImagePreviewer = ImagePreviewer;

package/dist/components/organisms/ImagePreviewer/styles.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Container = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _templateObject;
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  & + * {\n    margin-top: 10px;\n  }\n"])));
+
+exports.Container = Container;

package/dist/components/organisms/ImagesGroup/ImagesGroup.stories.js

@@ -0,0 +1 @@
+"use strict";

package/dist/components/organisms/ImagesGroup/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ImagesGroup = void 0;
+
+var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectDestructuringEmpty"));
+
+var _styles = require("./styles");
+
+var _GalleryElement = require("../../molecules/GalleryElement");
+
+var ImagesGroup = function ImagesGroup(_ref) {
+  (0, _objectDestructuringEmpty2.default)(_ref);
+  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement(_GalleryElement.GalleryElement, null));
+};
+
+exports.ImagesGroup = ImagesGroup;

package/dist/components/organisms/ImagesGroup/styles.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Container = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _templateObject;
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)([""])));
+
+exports.Container = Container;