@salesgenterp/ui-components 0.4.150 → 0.4.151

package/dist/index.js

@@ -5169,7 +5169,9 @@ var MyProfile = function MyProfile(_ref) {
     }
   }), (userDetails === null || userDetails === void 0 ? void 0 : userDetails.email) || 'N/A'))))))), /*#__PURE__*/React__default.createElement(RootContainer, {
     secondaryColor: secondaryColor
-  }, /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
+  }, /*#__PURE__*/React__default.createElement(TypographyContainer$1, {
+    fontColor: fontColor
+  }, "Update Profile Details"), /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
     container: true,
     columnSpacing: 2
   }, /*#__PURE__*/React__default.createElement(material.Grid, {
@@ -5269,7 +5271,7 @@ var MeetContainer$1 = styled.h4(_templateObject$g || (_templateObject$g = _tagge
 }, function (props) {
   return props.fontColor;
 });
-var TypographyContainer$1 = styled(material.Typography)(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  font-size: 18px !important;\n  align-items: center;\n  // font-family: Poppins !important;\n"])), function (props) {
+var TypographyContainer$1 = styled(material.Typography)(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  font-size: 1.2rem !important;\n  align-items: center;\n  // font-family: Poppins !important;\n"])), function (props) {
   return props.fontColor;
 });
 var CardMediaContainer$1 = styled(material.CardMedia)(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteralLoose(["\n  border-radius: 12px;\n  max-width: 150px;\n"])));
@@ -5625,8 +5627,9 @@ var ViewStoreList = function ViewStoreList(_ref) {
   }, storeDataList === null || storeDataList === void 0 ? void 0 : storeDataList.map(function (store) {
     return /*#__PURE__*/React__default.createElement(material.Grid, {
       item: true,
-      xs: 12,
-      md: 6
+      sm: 12,
+      md: 6,
+      lg: 4
     }, /*#__PURE__*/React__default.createElement(StoreContainer, {
       primaryColor: primaryColor,
       secondaryColor: secondaryColor,
@@ -5657,17 +5660,7 @@ var ViewStoreList = function ViewStoreList(_ref) {
           setSelectedStore(store);
         }
       }, /*#__PURE__*/React__default.createElement(md.MdModeEdit, null))))
-    }), /*#__PURE__*/React__default.createElement(material.CardContent, null, /*#__PURE__*/React__default.createElement(material.Grid, {
-      container: true
-    }, /*#__PURE__*/React__default.createElement(material.Grid, {
-      item: true,
-      sm: 12,
-      md: 6
-    }, /*#__PURE__*/React__default.createElement("p", null, "Phone No: ", (store === null || store === void 0 ? void 0 : store.phone) || '-')), /*#__PURE__*/React__default.createElement(material.Grid, {
-      item: true,
-      sm: 12,
-      md: 6
-    }, /*#__PURE__*/React__default.createElement("p", null, "Email: ", (store === null || store === void 0 ? void 0 : store.email) || '-'))))));
+    }), /*#__PURE__*/React__default.createElement(material.CardContent, null, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("p", null, "Phone No: ", (store === null || store === void 0 ? void 0 : store.phone) || '-'), /*#__PURE__*/React__default.createElement("p", null, "Email: ", (store === null || store === void 0 ? void 0 : store.email) || '-')))));
   })));
 };
 var StoreContainer = styled(material.Card)(_templateObject$j || (_templateObject$j = _taggedTemplateLiteralLoose(["\n  border-radius: 12px !important;\n  background-color: ", " !important;\n  box-shadow: 0px 0px 4px 0px !important;\n  // font-family: Poppins !important;\n  .MuiCardHeader-root {\n    background-color: ", ";\n    padding: 4px 14px;\n    svg,\n    h3 {\n      color: #fff;\n      font-size: 1.3rem;\n    }\n    h3 {\n      font-weight: 500;\n      margin-left: 6px;\n    }\n  }\n  p {\n    font-size: 1.2rem;\n    font-weight: 500;\n    color: ", ";\n    margin-bottom: 1rem;\n    word-break: break-word;\n  }\n"])), function (props) {
@@ -6025,8 +6018,7 @@ var StoreDetails = function StoreDetails(_ref) {
         return Promise.resolve(API$1({
           apiEndPoint: apiEndPoint,
           token: token,
-          url: "/ecommerce/customer/store/" + (storeData === null || storeData === void 0 ? void 0 : storeData.id) + "/address",
-          errorMessage: 'Error in getting  store data.'
+          url: "/ecommerce/customer/store/" + (storeData === null || storeData === void 0 ? void 0 : storeData.id) + "/address"
         })).then(function (data) {
           setStoreAddresses(data);
         });
@@ -6067,7 +6059,12 @@ var StoreDetails = function StoreDetails(_ref) {
   };
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(RootContainer$1, {
     secondaryColor: secondaryColor
-  }, /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
+  }, /*#__PURE__*/React__default.createElement(TypographyContainer$2, {
+    fontColor: fontColor,
+    style: {
+      fontSize: '1.2rem'
+    }
+  }, "Update Store Details"), /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
     container: true,
     columnSpacing: 2
   }, /*#__PURE__*/React__default.createElement(material.Grid, {
@@ -6155,8 +6152,9 @@ var StoreDetails = function StoreDetails(_ref) {
   }, storeAddresses === null || storeAddresses === void 0 ? void 0 : storeAddresses.map(function (address, index) {
     return /*#__PURE__*/React__default.createElement(material.Grid, {
       item: true,
-      xs: 12,
-      md: 6
+      sm: 12,
+      md: 6,
+      lg: 4
     }, /*#__PURE__*/React__default.createElement(AddressContainer, {
       primaryColor: primaryColor,
       secondaryColor: secondaryColor,
@@ -6214,7 +6212,7 @@ var AddressCardContainer = styled.div(_templateObject6$9 || (_templateObject6$9
   return props.primaryColor;
 });
 
-var _templateObject$o;
+var _templateObject$o, _templateObject2$g;
 var StoreManager = function StoreManager(_ref) {
   var _storeData$managerDet;
   var apiEndPoint = _ref.apiEndPoint,
@@ -6261,7 +6259,12 @@ var StoreManager = function StoreManager(_ref) {
     control = _useForm.control;
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(RootContainer$2, {
     secondaryColor: secondaryColor
-  }, /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
+  }, /*#__PURE__*/React__default.createElement(TypographyContainer$3, {
+    fontColor: fontColor,
+    style: {
+      fontSize: '1.2rem'
+    }
+  }, "Update Manager Details"), /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
     container: true,
     columnSpacing: 2
   }, /*#__PURE__*/React__default.createElement(material.Grid, {
@@ -6319,6 +6322,9 @@ var StoreManager = function StoreManager(_ref) {
 var RootContainer$2 = styled(material.Stack)(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n  background-color: ", " !important;\n  border-radius: 12px !important;\n  padding: 1.3rem;\n  box-shadow: 0px 0px 4px 0px;\n"])), function (props) {
   return props.secondaryColor;
 });
+var TypographyContainer$3 = styled(material.Typography)(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  align-items: center;\n  // font-family: Poppins !important;\n"])), function (props) {
+  return props.fontColor;
+});
 
 var _templateObject$p;
 var _excluded$2 = ["children", "value", "index"];
@@ -6431,7 +6437,7 @@ var TabsContainer = styled(material.Tabs)(_templateObject$p || (_templateObject$
   return props.primaryColor;
 });
 
-var _templateObject$q, _templateObject2$g, _templateObject3$e;
+var _templateObject$q, _templateObject2$h, _templateObject3$e;
 var StoreList = function StoreList(_ref) {
   var apiEndPoint = _ref.apiEndPoint,
     token = _ref.token,
@@ -6505,7 +6511,7 @@ var StoreList = function StoreList(_ref) {
       fontSize: 24,
       color: fontColor
     }
-  }), "Back"), /*#__PURE__*/React__default.createElement(TypographyContainer$3, {
+  }), "Back"), /*#__PURE__*/React__default.createElement(TypographyContainer$4, {
     fontColor: fontColor,
     style: {
       fontSize: 22
@@ -6541,12 +6547,12 @@ var StoreList = function StoreList(_ref) {
   }));
 };
 var Modal$1 = styled(MuiModal)(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose([""])));
-var StoreHeader = styled.div(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin: 1rem 0;\n  .manageStore {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n"])));
-var TypographyContainer$3 = styled(material.Typography)(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  align-items: center;\n  // font-family: Poppins !important;\n"])), function (props) {
+var StoreHeader = styled.div(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin: 1rem 0;\n  .manageStore {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n"])));
+var TypographyContainer$4 = styled(material.Typography)(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  align-items: center;\n  // font-family: Poppins !important;\n"])), function (props) {
   return props.fontColor;
 });
 
-var _templateObject$r, _templateObject2$h;
+var _templateObject$r, _templateObject2$i;
 function MuiSelect(_ref) {
   var label = _ref.label,
     onChange = _ref.onChange,
@@ -6595,13 +6601,13 @@ var SelectContainer = styled(Select$1)(_templateObject$r || (_templateObject$r =
 }, function (props) {
   return props.fontColor;
 });
-var InputContainer$1 = styled(InputLabel)(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteralLoose(["\n  color: ", " !important;\n"])), function (props) {
+var InputContainer$1 = styled(InputLabel)(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteralLoose(["\n  color: ", " !important;\n"])), function (props) {
   return props.fontColor;
 });
 
-var _templateObject$s, _templateObject2$i, _templateObject3$f, _templateObject4$b;
+var _templateObject$s, _templateObject2$j, _templateObject3$f, _templateObject4$b;
 var Statement = function Statement(_ref) {
-  var _customerData$custome3, _customerData$custome4;
+  var _customerData$custome6, _customerData$custome7;
   var apiEndPoint = _ref.apiEndPoint,
     serviceApiEndPoint = _ref.serviceApiEndPoint,
     token = _ref.token,
@@ -6609,6 +6615,8 @@ var Statement = function Statement(_ref) {
     secondaryColor = _ref.secondaryColor,
     backgroundColor = _ref.backgroundColor,
     fontColor = _ref.fontColor,
+    _ref$defaultStoreId = _ref.defaultStoreId,
+    defaultStoreId = _ref$defaultStoreId === void 0 ? 2 : _ref$defaultStoreId,
     _ref$storeIdList = _ref.storeIdList,
     storeIdList = _ref$storeIdList === void 0 ? '1,2,46,47,48,49,50,51,52,53,54' : _ref$storeIdList;
   var _useState = React.useState({}),
@@ -6700,7 +6708,8 @@ var Statement = function Statement(_ref) {
     })();
   }, []);
   var print = function print() {
-    var location = "/cusomter/statement?token=" + token + "&startDate=" + queryParams.startDate + "&endDate=" + queryParams.endDate;
+    var _customerData$custome, _customerData$custome2, _customerData$custome3;
+    var location = "/cusomter/statement?token=" + token + "&startDate=" + queryParams.startDate + "&endDate=" + queryParams.endDate + "&customerId=" + (customerData === null || customerData === void 0 ? void 0 : (_customerData$custome = customerData.customerDto) === null || _customerData$custome === void 0 ? void 0 : _customerData$custome.customerId) + "&point=" + "ecom" + "&customerStoreIds=" + ((queryParams === null || queryParams === void 0 ? void 0 : queryParams.customerStoreIds) || (customerData === null || customerData === void 0 ? void 0 : (_customerData$custome2 = customerData.customerStoreDtoList) === null || _customerData$custome2 === void 0 ? void 0 : (_customerData$custome3 = _customerData$custome2[0]) === null || _customerData$custome3 === void 0 ? void 0 : _customerData$custome3.id)) + "&storeIdList=" + storeIdList + "&defaultStoreId=" + defaultStoreId;
     var pdfUrl = "" + serviceApiEndPoint + location;
     var w = window.open(pdfUrl);
     w.print();
@@ -6708,9 +6717,9 @@ var Statement = function Statement(_ref) {
   var getStatementAPIData = function getStatementAPIData(_ref2) {
     var params = _ref2.params;
     try {
-      var _customerData$custome, _customerData$custome2;
+      var _customerData$custome4, _customerData$custome5;
       return Promise.resolve(API$1({
-        url: "/ecommerce/customer/report/statement?customerStoreIds=" + ((queryParams === null || queryParams === void 0 ? void 0 : queryParams.customerStoreIds) || (customerData === null || customerData === void 0 ? void 0 : (_customerData$custome = customerData.customerStoreDtoList) === null || _customerData$custome === void 0 ? void 0 : (_customerData$custome2 = _customerData$custome[0]) === null || _customerData$custome2 === void 0 ? void 0 : _customerData$custome2.id)) + "&storeIds=" + storeIdList + "&page=0&size=20",
+        url: "/ecommerce/customer/report/statement?customerStoreIds=" + ((queryParams === null || queryParams === void 0 ? void 0 : queryParams.customerStoreIds) || (customerData === null || customerData === void 0 ? void 0 : (_customerData$custome4 = customerData.customerStoreDtoList) === null || _customerData$custome4 === void 0 ? void 0 : (_customerData$custome5 = _customerData$custome4[0]) === null || _customerData$custome5 === void 0 ? void 0 : _customerData$custome5.id)) + "&storeIds=" + storeIdList + "&page=0&size=20",
         apiEndPoint: apiEndPoint,
         token: token,
         queryParams: _extends({}, params, queryParams)
@@ -6732,7 +6741,7 @@ var Statement = function Statement(_ref) {
       alignItems: "center"
     }, /*#__PURE__*/React__default.createElement(material.Grid, {
       item: true
-    }, /*#__PURE__*/React__default.createElement(TypographyContainer$4, {
+    }, /*#__PURE__*/React__default.createElement(TypographyContainer$5, {
       variant: "h5",
       gutterBottom: true,
       fontColor: fontColor,
@@ -6760,7 +6769,7 @@ var Statement = function Statement(_ref) {
       item: true
     }, /*#__PURE__*/React__default.createElement(MuiSelect, {
       label: "Select Store",
-      defaultValue: customerData === null || customerData === void 0 ? void 0 : (_customerData$custome3 = customerData.customerStoreDtoList) === null || _customerData$custome3 === void 0 ? void 0 : (_customerData$custome4 = _customerData$custome3[0]) === null || _customerData$custome4 === void 0 ? void 0 : _customerData$custome4.id,
+      defaultValue: customerData === null || customerData === void 0 ? void 0 : (_customerData$custome6 = customerData.customerStoreDtoList) === null || _customerData$custome6 === void 0 ? void 0 : (_customerData$custome7 = _customerData$custome6[0]) === null || _customerData$custome7 === void 0 ? void 0 : _customerData$custome7.id,
       onChange: onChangeStore,
       options: (customerData === null || customerData === void 0 ? void 0 : customerData.customerStoreDtoList) || [],
       valueKey: "id",
@@ -6792,13 +6801,13 @@ var Statement = function Statement(_ref) {
   })));
 };
 var Root$3 = styled.div(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose([""])));
-var TypographyContainer$4 = styled(material.Typography)(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  align-items: center;\n  // font-family: Poppins !important;\n"])), function (props) {
+var TypographyContainer$5 = styled(material.Typography)(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  align-items: center;\n  // font-family: Poppins !important;\n"])), function (props) {
   return props.fontColor;
 });
 var StatusContainer$1 = styled(material.Grid)(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteralLoose(["\n  display: initial;\n  box-shadow: 0px 0px 1px 0px;\n  padding: 2px 4px;\n"])));
 var TableContainer$1 = styled.div(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteralLoose(["\n  margin: 1.2rem 0;\n  border-radius: 12px;\n"])));
 
-var _templateObject$t;
+var _templateObject$t, _templateObject2$k;
 var ChangePassword = function ChangePassword(_ref) {
   var apiEndPoint = _ref.apiEndPoint,
     token = _ref.token,
@@ -6839,7 +6848,9 @@ var ChangePassword = function ChangePassword(_ref) {
   var pwd = watch('newPassword');
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(RootContainer$3, {
     secondaryColor: secondaryColor
-  }, /*#__PURE__*/React__default.createElement(material.Grid, {
+  }, /*#__PURE__*/React__default.createElement(TypographyContainer$6, {
+    fontColor: fontColor
+  }, "Update Password Details"), /*#__PURE__*/React__default.createElement(material.Grid, {
     container: true,
     columnSpacing: 2
   }, /*#__PURE__*/React__default.createElement(material.Grid, {
@@ -6897,14 +6908,17 @@ var ChangePassword = function ChangePassword(_ref) {
 var RootContainer$3 = styled(material.Stack)(_templateObject$t || (_templateObject$t = _taggedTemplateLiteralLoose(["\n  background-color: ", " !important;\n  border-radius: 12px !important;\n  padding: 1.3rem;\n  box-shadow: 0px 0px 4px 0px;\n"])), function (props) {
   return props.secondaryColor;
 });
+var TypographyContainer$6 = styled(material.Typography)(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  font-size: 18px !important;\n  align-items: center;\n  // font-family: Poppins !important;\n"])), function (props) {
+  return props.fontColor;
+});
 
-var _templateObject$u, _templateObject2$j, _templateObject3$g;
+var _templateObject$u, _templateObject2$l, _templateObject3$g;
 var drawerWidth = 280;
 var AccountDetails = function AccountDetails(_ref) {
   var _ref$apiEndPoint = _ref.apiEndPoint,
     apiEndPoint = _ref$apiEndPoint === void 0 ? 'https://dev.salesgent.xyz/api' : _ref$apiEndPoint,
     _ref$token = _ref.token,
-    token = _ref$token === void 0 ? 'eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJzYWxlc2dlbnRlcnBAZ21haWwuY29tIiwidGllciI6MiwidXNlclR5cGUiOiJDdXN0b21lciIsInRva2VuVHlwZSI6ImFjY2VzcyIsInN0b3JlSWQiOjIsImV4cCI6MTY2Njc2MjcxOCwidXNlcklkIjoyNDU1LCJpYXQiOjE2NjY3MjY3MTgsInJlc2V0UGFzc3dvcmRSZXF1aXJlZCI6ZmFsc2V9.G_GwR6DIrL7qnh-f9HL-8NdoFnKCiLZ2qteNeO6nDcE' : _ref$token,
+    token = _ref$token === void 0 ? 'eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJzYWxlc2dlbnRlcnBAZ21haWwuY29tIiwidGllciI6MiwidXNlclR5cGUiOiJDdXN0b21lciIsInRva2VuVHlwZSI6ImFjY2VzcyIsInN0b3JlSWQiOjIsImV4cCI6MTY2NzA4ODY3NSwidXNlcklkIjoyNDU1LCJpYXQiOjE2NjcwNTI2NzUsInJlc2V0UGFzc3dvcmRSZXF1aXJlZCI6ZmFsc2V9.s-1_OJTQnaW4Bw5xu_JZkzNFDnejkJoW8n0t6idHE1I' : _ref$token,
     _ref$primaryColor = _ref.primaryColor,
     primaryColor = _ref$primaryColor === void 0 ? '#BF262D' : _ref$primaryColor,
     secondaryColor = _ref.secondaryColor,
@@ -7040,7 +7054,7 @@ var AccountDetails = function AccountDetails(_ref) {
         });
 
       default:
-        return /*#__PURE__*/React__default.createElement(TypographyContainer$5, {
+        return /*#__PURE__*/React__default.createElement(TypographyContainer$7, {
           fontColor: colors.fontColor
         }, "Empty");
     }
@@ -7095,13 +7109,14 @@ var AccountDetails = function AccountDetails(_ref) {
         color: colors.fontColor
       }
     }
-  }, open ? /*#__PURE__*/React__default.createElement(md.MdOutlineMenuOpen, null) : /*#__PURE__*/React__default.createElement(md.MdMenu, null)), /*#__PURE__*/React__default.createElement(TypographyContainer$5, {
+  }, open ? /*#__PURE__*/React__default.createElement(md.MdOutlineMenuOpen, null) : /*#__PURE__*/React__default.createElement(md.MdMenu, null)), /*#__PURE__*/React__default.createElement(TypographyContainer$7, {
     variant: "h6",
     noWrap: true,
     component: "div",
     fontColor: colors.fontColor,
     style: {
-      textTransform: 'capitalize'
+      textTransform: 'capitalize',
+      fontSize: '1.4rem'
     }
   },
   tabValue)), /*#__PURE__*/React__default.createElement(material.IconButton, {
@@ -7153,10 +7168,10 @@ var Main = styles.styled('main', {
     overflow: 'auto'
   });
 });
-var ContainerDrawer = styled(material.Drawer)(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteralLoose(["\n  height: 100%;\n  margin-right: ", ";\n  .MuiDrawer-paper {\n    position: relative;\n    width: 280px;\n    z-index: 1;\n    overflow: hidden;\n    border-top-right-radius: 12px;\n    background: transparent;\n  }\n"])), function (props) {
+var ContainerDrawer = styled(material.Drawer)(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteralLoose(["\n  height: 100%;\n  margin-right: ", ";\n  .MuiDrawer-paper {\n    position: relative;\n    width: 280px;\n    z-index: 1;\n    overflow: hidden;\n    border-top-right-radius: 12px;\n    background: transparent;\n  }\n"])), function (props) {
   return props.open && '2rem';
 });
-var TypographyContainer$5 = styled(material.Typography)(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  align-items: center;\n  // font-family: Poppins !important;\n"])), function (props) {
+var TypographyContainer$7 = styled(material.Typography)(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  align-items: center;\n  // font-family: Poppins !important;\n"])), function (props) {
   return props.fontColor;
 });