contentoh-components-library 10.0.0 → 11.0.0

package/dist/components/atoms/ActivedFilter/ActivedFilter.stories.js

@@ -1,12 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ActivedFilterDefault = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _default = {
   title: "Components/atoms/ActivedFilter",
   component: _index.ActivedFilter
@@ -14,7 +20,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.ActivedFilter, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ActivedFilter, (0, _objectSpread2.default)({}, args));
 };
 
 var ActivedFilterDefault = Template.bind({});

package/dist/components/atoms/ActivedFilter/index.js

@@ -11,12 +11,20 @@ var _styles = require("./styles");
 
 var _removeFilter = _interopRequireDefault(require("../../../assets/images/activedFilter/removeFilter.svg"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var ActivedFilter = function ActivedFilter(_ref) {
   var label = _ref.label;
-  return /*#__PURE__*/React.createElement(_styles.Container, null, label && /*#__PURE__*/React.createElement("p", null, label), /*#__PURE__*/React.createElement("button", null, /*#__PURE__*/React.createElement("img", {
-    src: _removeFilter.default,
-    alt: "remove filter icon"
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      children: label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        src: _removeFilter.default,
+        alt: "remove filter icon"
+      })
+    })]
+  });
 };
 
 exports.ActivedFilter = ActivedFilter;

package/dist/components/atoms/AsignationOption/AsignationOptions.stories.js

@@ -1,12 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.AsignationOptionDefault = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _default = {
   title: "Components/atoms/AsignationOptions",
   component: _index.AsignationOption
@@ -14,7 +20,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.AsignationOption, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.AsignationOption, (0, _objectSpread2.default)({}, args));
 };
 
 var AsignationOptionDefault = Template.bind({});

package/dist/components/atoms/AsignationOption/index.js

@@ -19,6 +19,8 @@ var _requestToTeam = _interopRequireDefault(require("../../../assets/images/asig
 
 var _availableIcon = _interopRequireDefault(require("../../../assets/images/asignationOptions/availableIcon.svg"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var AsignationOption = function AsignationOption(_ref) {
   var profileImage = _ref.profileImage,
       _ref$asignationType = _ref.asignationType,
@@ -30,38 +32,43 @@ var AsignationOption = function AsignationOption(_ref) {
       onClick = _ref.onClick,
       btnOnClick = _ref.btnOnClick;
   var iconsAsignation = {
-    assigned: /*#__PURE__*/React.createElement("button", {
-      onClick: btnOnClick
-    }, /*#__PURE__*/React.createElement("img", {
-      src: _removeAsigned.default,
-      alt: "remove asigned"
-    })),
-    provider: /*#__PURE__*/React.createElement("img", {
+    assigned: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+      onClick: btnOnClick,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        src: _removeAsigned.default,
+        alt: "remove asigned"
+      })
+    }),
+    provider: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
       src: _requestToProvider.default,
       alt: "Solicitar a Proveedor"
     }),
-    team: /*#__PURE__*/React.createElement("img", {
+    team: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
       src: _requestToTeam.default,
       alt: "Solicitar a Team"
     }),
-    available: /*#__PURE__*/React.createElement("img", {
+    available: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
       src: _availableIcon.default,
       alt: "green circle icon"
     })
   };
-  return /*#__PURE__*/React.createElement(_styles.Container, {
-    onClick: onClick
-  }, /*#__PURE__*/React.createElement(_Avatar.Avatar, {
-    imageType: imageType,
-    image: profileImage === null || profileImage === void 0 ? void 0 : profileImage.image,
-    altText: "profile image"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "labels-container"
-  }, /*#__PURE__*/React.createElement("p", {
-    className: "name-label"
-  }, name), /*#__PURE__*/React.createElement("p", {
-    className: "team-label"
-  }, team)), asignationType && iconsAsignation[asignationType]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    onClick: onClick,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.Avatar, {
+      imageType: imageType,
+      image: profileImage === null || profileImage === void 0 ? void 0 : profileImage.image,
+      altText: "profile image"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "labels-container",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        className: "name-label",
+        children: name
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        className: "team-label",
+        children: team
+      })]
+    }), asignationType && iconsAsignation[asignationType]]
+  });
 };
 
 exports.AsignationOption = AsignationOption;

package/dist/components/atoms/AtomList/AtomList.stories.js

@@ -1,12 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.AtomListDefault = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _default = {
   title: "Components/atoms/AtomList",
   component: _index.AtomList
@@ -14,7 +20,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.AtomList, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.AtomList, (0, _objectSpread2.default)({}, args));
 };
 
 var AtomListDefault = Template.bind({});

package/dist/components/atoms/AtomList/index.js

@@ -7,17 +7,22 @@ exports.AtomList = void 0;
 
 var _styles = require("./styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var AtomList = function AtomList(_ref) {
   var content = _ref.content;
-  return /*#__PURE__*/React.createElement(_styles.Container, {
-    key: "list-".concat(content.length)
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("ul", {
-    className: "listaGeneral"
-  }, content.map(function (item, index) {
-    return /*#__PURE__*/React.createElement("li", {
-      key: "item" + index
-    }, item);
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+        className: "listaGeneral",
+        children: content.map(function (item, index) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+            children: item
+          }, "item" + index);
+        })
+      })
+    })
+  }, "list-".concat(content.length));
 };
 
 exports.AtomList = AtomList;

package/dist/components/atoms/Avatar/AsignationImage.stories.js

@@ -1,12 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.AvatarDefault = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _default = {
   title: "Components/atoms/Avatar",
   component: _index.Avatar,
@@ -22,7 +28,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.Avatar, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Avatar, (0, _objectSpread2.default)({}, args));
 };
 
 var AvatarDefault = Template.bind({});

package/dist/components/atoms/Avatar/index.js

@@ -13,19 +13,22 @@ var _reactImageFallback = _interopRequireDefault(require("react-image-fallback")
 
 var _defaultProfileImage = _interopRequireDefault(require("../../../assets/images/defaultImages/defaultProfileImage.svg"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var Avatar = function Avatar(_ref) {
   var image = _ref.image,
       altText = _ref.altText,
       imageType = _ref.imageType,
       onClick = _ref.onClick;
-  return /*#__PURE__*/React.createElement(_styles.Container, {
-    className: imageType
-  }, /*#__PURE__*/React.createElement(_reactImageFallback.default, {
-    src: image,
-    fallbackImage: _defaultProfileImage.default,
-    alt: altText,
-    onClick: onClick
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    className: imageType,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactImageFallback.default, {
+      src: image,
+      fallbackImage: _defaultProfileImage.default,
+      alt: altText,
+      onClick: onClick
+    })
+  });
 };
 
 exports.Avatar = Avatar;

package/dist/components/atoms/Card/Card.stories.js

@@ -1,12 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.CardDefault = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _default = {
   title: "Components/atoms/Card",
   component: _index.Card
@@ -14,7 +20,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.Card, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Card, (0, _objectSpread2.default)({}, args));
 };
 
 var CardDefault = Template.bind({});

package/dist/components/atoms/Card/index.js

@@ -7,13 +7,17 @@ exports.Card = void 0;
 
 var _styles = require("./styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var Card = function Card(_ref) {
   var cardIcon = _ref.cardIcon,
       altText = _ref.altText;
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement("img", {
-    src: cardIcon,
-    alt: altText
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+      src: cardIcon,
+      alt: altText
+    })
+  });
 };
 
 exports.Card = Card;

package/dist/components/atoms/CheckBox/CheckBox.stories.js

@@ -1,12 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.CheckBoxDefault = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _default = {
   title: "Components/atoms/CheckBox",
   component: _index.CheckBox,
@@ -20,7 +26,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.CheckBox, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.CheckBox, (0, _objectSpread2.default)({}, args));
 };
 
 var CheckBoxDefault = Template.bind({});

package/dist/components/atoms/CheckBox/index.js

@@ -7,23 +7,27 @@ exports.CheckBox = void 0;
 
 var _styles = require("./styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var CheckBox = function CheckBox(_ref) {
   var id = _ref.id,
       label = _ref.label,
       onChange = _ref.onChange,
       isFilter = _ref.isFilter;
-  return /*#__PURE__*/React.createElement(_styles.Container, {
-    key: "check-".concat(id)
-  }, /*#__PURE__*/React.createElement("input", {
-    type: "checkbox",
-    name: id,
-    id: id,
-    onChange: onChange
-  }), /*#__PURE__*/React.createElement("label", {
-    htmlFor: id
-  }, label && /*#__PURE__*/React.createElement("p", {
-    className: isFilter && "filter-text"
-  }, label)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+      type: "checkbox",
+      name: id,
+      id: id,
+      onChange: onChange
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+      htmlFor: id,
+      children: label && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        className: isFilter && "filter-text",
+        children: label
+      })
+    })]
+  }, "check-".concat(id));
 };
 
 exports.CheckBox = CheckBox;

package/dist/components/atoms/Commentary/index.js

@@ -7,9 +7,15 @@ exports.Commentary = void 0;
 
 var _styles = require("./styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var Commentary = function Commentary(_ref) {
   var comment = _ref.comment;
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement("p", null, comment));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      children: comment
+    })
+  });
 };
 
 exports.Commentary = Commentary;

package/dist/components/atoms/CustomerTypeImage/CustomerTypeImage.stories.js

@@ -1,12 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.CustomerTypeImagesDefault = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _default = {
   title: "Components/atoms/CustomerTypeImages",
   component: _index.CustomerTypeImages
@@ -14,7 +20,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.CustomerTypeImages, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.CustomerTypeImages, (0, _objectSpread2.default)({}, args));
 };
 
 var CustomerTypeImagesDefault = Template.bind({});

package/dist/components/atoms/CustomerTypeImage/index.js

@@ -13,16 +13,18 @@ var _Cadena = _interopRequireDefault(require("../../../assets/images/providerAnd
 
 var _Proveedor = _interopRequireDefault(require("../../../assets/images/providerAndCadena/Proveedor.svg"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var CustomerTypeImages = function CustomerTypeImages(_ref) {
   var _ref$imageType = _ref.imageType,
       imageType = _ref$imageType === void 0 ? "retailer" : _ref$imageType;
-  return /*#__PURE__*/React.createElement(_styles.Container, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
     imageType: imageType,
-    key: "image-".concat(imageType)
-  }, /*#__PURE__*/React.createElement("img", {
-    src: imageType === "retailer" ? _Cadena.default : _Proveedor.default,
-    alt: imageType === "retailer" ? "Cadena" : "Proveedor"
-  }));
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+      src: imageType === "retailer" ? _Cadena.default : _Proveedor.default,
+      alt: imageType === "retailer" ? "Cadena" : "Proveedor"
+    })
+  }, "image-".concat(imageType));
 };
 
 exports.CustomerTypeImages = CustomerTypeImages;

package/dist/components/atoms/DropDownButton/DropDownButton.stories.js

@@ -1,12 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.DropDownButtonGeneral = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _default = {
   title: "Components/atoms/DropDownButton",
   component: _index.DropDownButton,
@@ -22,7 +28,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.DropDownButton, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.DropDownButton, (0, _objectSpread2.default)({}, args));
 };
 
 var DropDownButtonGeneral = Template.bind({});

package/dist/components/atoms/DropDownButton/index.js

@@ -11,14 +11,17 @@ var _styles = require("./styles");
 
 var _dropDownArrowButton = _interopRequireDefault(require("../../../assets/images/dropDownButton/dropDownArrowButton.svg"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var DropDownButton = function DropDownButton(_ref) {
   var active = _ref.active;
-  return /*#__PURE__*/React.createElement(_styles.Container, {
-    className: active && "active"
-  }, /*#__PURE__*/React.createElement("img", {
-    src: _dropDownArrowButton.default,
-    alt: "V"
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    className: active && "active",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+      src: _dropDownArrowButton.default,
+      alt: "V"
+    })
+  });
 };
 
 exports.DropDownButton = DropDownButton;

package/dist/components/atoms/EditField/EditField.stories.js

@@ -1,12 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.EditFieldDefault = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _default = {
   title: "Components/atoms/EditField",
   component: _index.EditField
@@ -14,7 +20,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.EditField, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.EditField, (0, _objectSpread2.default)({}, args));
 };
 
 var EditFieldDefault = Template.bind({});

package/dist/components/atoms/EditField/index.js

@@ -11,19 +11,26 @@ var _styles = require("./styles");
 
 var _editField = _interopRequireDefault(require("../../../assets/images/editField/editField.svg"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var EditField = function EditField(_ref) {
   var placeHolder = _ref.placeHolder,
       value = _ref.value;
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement("input", {
-    type: "text",
-    placeHolder: placeHolder,
-    value: value
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "button-container"
-  }, /*#__PURE__*/React.createElement("button", null, /*#__PURE__*/React.createElement("img", {
-    src: _editField.default,
-    alt: "save changes icon"
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+      type: "text",
+      placeHolder: placeHolder,
+      value: value
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "button-container",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+          src: _editField.default,
+          alt: "save changes icon"
+        })
+      })
+    })]
+  });
 };
 
 exports.EditField = EditField;

package/dist/components/atoms/FeatureTag/FeatureTag.stories.js

@@ -1,12 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.FeatureTagDefault = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _default = {
   title: "Components/atoms/FeatureTag",
   label: "Feature Tag",
@@ -15,7 +21,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.FeatureTag, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.FeatureTag, (0, _objectSpread2.default)({}, args));
 };
 
 var FeatureTagDefault = Template.bind({});

package/dist/components/atoms/FeatureTag/index.js

@@ -7,14 +7,20 @@ exports.FeatureTag = void 0;
 
 var _styles = require("./styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var FeatureTag = function FeatureTag(_ref) {
   var feature = _ref.feature,
       value = _ref.value;
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement("p", {
-    className: "feature-name"
-  }, feature), /*#__PURE__*/React.createElement("p", {
-    className: "feature-value"
-  }, value));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      className: "feature-name",
+      children: feature
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      className: "feature-value",
+      children: value
+    })]
+  });
 };
 
 exports.FeatureTag = FeatureTag;