@hhgtech/hhg-components 1.21.0-beta-12 → 1.21.0-beta-13

package/build/esm/components/childCard.js

@@ -1 +1 @@
-import e,{useRef as n,useState as t}from"react";import{u as o}from"../useTranslations-66de60e4.js";import{t as r}from"../theme-a50a1aa5.js";import{Heading as i}from"./heading.js";import{Icon as a}from"./icons.js";import{Text as l}from"./text.js";import{G as C}from"../Locale-69030fff.js";import"date-fns";import"../animation-c611f996.js";import"../lazyLoad-59e8ff6d.js";import s from"styled-components";import"../constants-3be6f6a9.js";import{s as m}from"../utils-432904d8.js";import{_ as c}from"../tslib.es6-95636cf4.js";import{Menu as d}from"./menu.js";import{u as p}from"../useOutsideClick-6004483a.js";import"../translationsContext-873337b8.js";import"string-format";import"../FullScreen-5278ee77.js";import"vanilla-lazyload";var f,h,g,u=s.div(f||(f=c(["\n  /* Auto layout */\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  padding: 16px;\n  gap: 16px;\n  background: ",";\n  border: 1px solid ",";\n  border-radius: 6px;\n  .information {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    h5:first-letter {\n      text-transform: uppercase;\n    }\n    .detail {\n      display: flex;\n      gap: 16px;\n      div {\n        display: flex;\n        align-items: center;\n        gap: 6px;\n      }\n    }\n  }\n"],["\n  /* Auto layout */\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  padding: 16px;\n  gap: 16px;\n  background: ",";\n  border: 1px solid ",";\n  border-radius: 6px;\n  .information {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    h5:first-letter {\n      text-transform: uppercase;\n    }\n    .detail {\n      display: flex;\n      gap: 16px;\n      div {\n        display: flex;\n        align-items: center;\n        gap: 6px;\n      }\n    }\n  }\n"])),r.colors.white,r.colors.gray100),x=s.div(h||(h=c(["\n  position: absolute;\n  top: 18px;\n  right: 16px;\n  cursor: pointer;\n"],["\n  position: absolute;\n  top: 18px;\n  right: 16px;\n  cursor: pointer;\n"]))),E=s(d)(g||(g=c(["\n  position: absolute;\n  right: 0;\n  z-index: 1;\n"],["\n  position: absolute;\n  right: 0;\n  z-index: 1;\n"]))),v=function(t){var i=t.name,a=t.onClose,C=t.onEdit,s=t.onSwitch,m=t.onAdd,c=t.onRemove,f=o().t,h=n();return p(h,a),e.createElement("div",{ref:h},e.createElement(E,{width:250},e.createElement(d.Item,{onClick:C,icon:e.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M12.7812 1.83301C12.2987 1.83301 11.8162 2.01676 11.4479 2.38509L10.6667 3.16634L13.3333 5.83301L14.1146 5.05176C14.8506 4.31576 14.8506 3.12176 14.1146 2.38509C13.7463 2.01676 13.2638 1.83301 12.7812 1.83301ZM9.66667 4.16634L2 11.833V14.4997H4.66667L12.3333 6.83301L9.66667 4.16634Z",fill:"#595959"}))},e.createElement(l,{size:"p2",color:r.colors.gray800},f("childCard.menu.edit",{name:i}))),e.createElement(d.Item,{onClick:s,icon:e.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M8 2.5C4.9478 2.5 2.4204 4.79359 2.05078 7.7513C2.03763 7.83928 2.04222 7.929 2.06428 8.01518C2.08634 8.10136 2.12542 8.18226 2.17922 8.2531C2.23303 8.32394 2.30046 8.3833 2.37756 8.42768C2.45465 8.47206 2.53985 8.50057 2.62813 8.51152C2.71642 8.52247 2.806 8.51564 2.8916 8.49143C2.9772 8.46723 3.05709 8.42614 3.12657 8.37059C3.19605 8.31503 3.2537 8.24613 3.29615 8.16795C3.33859 8.08978 3.36496 8.00389 3.3737 7.91536C3.66141 5.61307 5.61354 3.83333 8 3.83333C9.34288 3.83333 10.5434 4.39987 11.3919 5.30339L10.0977 6.59766C9.96766 6.72766 9.96766 6.93901 10.0977 7.06901C10.1623 7.13434 10.248 7.16667 10.3333 7.16667H13.3333C13.5101 7.16667 13.6797 7.09643 13.8047 6.9714C13.9298 6.84638 14 6.67681 14 6.5V3.5C14 3.41467 13.967 3.32966 13.9023 3.26432C13.7723 3.13432 13.561 3.13432 13.431 3.26432L12.3359 4.35938C11.2437 3.21415 9.7037 2.5 8 2.5ZM13.2943 8.49089C13.1292 8.48959 12.9695 8.54959 12.8461 8.65928C12.7227 8.76896 12.6444 8.92053 12.6263 9.08464C12.3386 11.3869 10.3865 13.1667 8 13.1667C6.65713 13.1667 5.45884 12.5994 4.60938 11.6953L5.90234 10.4023C6.03234 10.2723 6.03234 10.061 5.90234 9.93099C5.83768 9.86566 5.752 9.83333 5.66667 9.83333H2.66667C2.48986 9.83333 2.32029 9.90357 2.19526 10.0286C2.07024 10.1536 2 10.3232 2 10.5V13.5C2 13.5853 2.03299 13.6703 2.09766 13.7357C2.22766 13.8657 2.43901 13.8657 2.56901 13.7357L3.66536 12.6393C4.75711 13.7836 6.29696 14.5 8 14.5C11.0522 14.5 13.5796 12.2064 13.9492 9.2487C13.9622 9.1548 13.955 9.05922 13.928 8.96833C13.9011 8.87745 13.8552 8.79334 13.7932 8.72163C13.7312 8.64991 13.6546 8.59224 13.5686 8.55245C13.4826 8.51266 13.3891 8.49167 13.2943 8.49089Z",fill:"#595959"}))},e.createElement(l,{size:"p2",color:r.colors.gray800},f("childCard.menu.switch"))),e.createElement(d.Item,{onClick:m,icon:e.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.9564 8.56545C15.7745 7.46727 14.9673 6.57273 13.9127 6.26C13.5273 5.44545 12.9818 4.73273 12.32 4.14364C11.1709 3.11818 9.65818 2.5 8 2.5C6.34182 2.5 4.82909 3.11818 3.68 4.14364C3.01091 4.73273 2.46545 5.45273 2.08727 6.26C1.03273 6.57273 0.225455 7.46 0.0436364 8.56545C0.0145455 8.71818 0 8.87818 0 9.04545C0 9.21273 0.0145455 9.37273 0.0436364 9.52545C0.225455 10.6236 1.03273 11.5182 2.08727 11.8309C2.46545 12.6382 3.01091 13.3509 3.66545 13.9327C4.81455 14.9655 6.33455 15.5909 8 15.5909C9.66545 15.5909 11.1855 14.9655 12.3418 13.9327C12.9964 13.3509 13.5418 12.6309 13.92 11.8309C14.9673 11.5182 15.7745 10.6309 15.9564 9.52545C15.9855 9.37273 16 9.21273 16 9.04545C16 8.87818 15.9855 8.71818 15.9564 8.56545ZM6.18182 7.04545C5.67974 7.04545 5.27273 7.45247 5.27273 7.95455C5.27273 8.45662 5.67974 8.86364 6.18182 8.86364C6.6839 8.86364 7.09091 8.45662 7.09091 7.95455C7.09091 7.45247 6.6839 7.04545 6.18182 7.04545ZM9.81818 7.04545C9.3161 7.04545 8.90909 7.45247 8.90909 7.95455C8.90909 8.45662 9.3161 8.86364 9.81818 8.86364C10.3203 8.86364 10.7273 8.45662 10.7273 7.95455C10.7273 7.45247 10.3203 7.04545 9.81818 7.04545ZM5.01821 10.5H10.9818C11.1128 10.5 11.2073 10.6455 11.1491 10.7691C10.5455 11.9109 9.36002 12.6818 8.00002 12.6818C6.64002 12.6818 5.45457 11.9109 4.85093 10.7691C4.78548 10.6455 4.88002 10.5 5.01821 10.5ZM12.9538 10.4875C12.9991 10.4938 13.0435 10.5 13.0909 10.5C13.8909 10.5 14.5455 9.84545 14.5455 9.04545C14.5455 8.24545 13.8909 7.59091 13.0909 7.59091C13.0435 7.59091 12.9991 7.5971 12.9538 7.60343C12.9297 7.60679 12.9053 7.6102 12.88 7.61273C12.7345 7.12545 12.5236 6.67455 12.2545 6.26C11.3455 4.87091 9.78182 3.95455 8 3.95455C6.21818 3.95455 4.65455 4.87091 3.74545 6.26C3.47636 6.67455 3.26545 7.12545 3.12 7.61273C3.09473 7.6102 3.07033 7.60679 3.0462 7.60343C3.0009 7.5971 2.95654 7.59091 2.90909 7.59091C2.10909 7.59091 1.45455 8.24545 1.45455 9.04545C1.45455 9.84545 2.10909 10.5 2.90909 10.5C2.95654 10.5 3.0009 10.4938 3.0462 10.4875C3.07033 10.4841 3.09473 10.4807 3.12 10.4782C3.26545 10.9655 3.47636 11.4164 3.74545 11.8309C4.65455 13.22 6.21818 14.1364 8 14.1364C9.78182 14.1364 11.3455 13.22 12.2545 11.8309C12.5236 11.4164 12.7345 10.9655 12.88 10.4782C12.9053 10.4807 12.9297 10.4841 12.9538 10.4875Z",fill:"#595959"}),e.createElement("path",{d:"M2.5 2V1C2.5 0.725 2.275 0.5 2 0.5C1.725 0.5 1.5 0.725 1.5 1V2H0.5C0.225 2 0 2.225 0 2.5C0 2.775 0.225 3 0.5 3H1.5V4C1.5 4.275 1.725 4.5 2 4.5C2.275 4.5 2.5 4.275 2.5 4V3H3.5C3.775 3 4 2.775 4 2.5C4 2.225 3.775 2 3.5 2H2.5Z",fill:"#595959"}))},e.createElement(l,{size:"p2",color:r.colors.gray800},f("childCard.menu.add"))),e.createElement(d.Item,{onClick:c,icon:e.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M6.66699 1.83301L6.00033 2.49967H3.33366C2.93366 2.49967 2.66699 2.76634 2.66699 3.16634C2.66699 3.56634 2.93366 3.83301 3.33366 3.83301H4.66699H11.3337H12.667C13.067 3.83301 13.3337 3.56634 13.3337 3.16634C13.3337 2.76634 13.067 2.49967 12.667 2.49967H10.0003L9.33366 1.83301H6.66699ZM3.33366 5.16634V13.833C3.33366 14.5663 3.93366 15.1663 4.66699 15.1663H11.3337C12.067 15.1663 12.667 14.5663 12.667 13.833V5.16634H3.33366ZM6.00033 6.49967C6.40033 6.49967 6.66699 6.76634 6.66699 7.16634V13.1663C6.66699 13.5663 6.40033 13.833 6.00033 13.833C5.60033 13.833 5.33366 13.5663 5.33366 13.1663V7.16634C5.33366 6.76634 5.60033 6.49967 6.00033 6.49967ZM10.0003 6.49967C10.4003 6.49967 10.667 6.76634 10.667 7.16634V13.1663C10.667 13.5663 10.4003 13.833 10.0003 13.833C9.60033 13.833 9.33366 13.5663 9.33366 13.1663V7.16634C9.33366 6.76634 9.60033 6.49967 10.0003 6.49967Z",fill:"#F44D2C"}))},e.createElement(l,{size:"p2",color:r.colors.red600},f("childCard.menu.remove",{name:i})))))},w=function(e,n){if(e)if(e.year<1){if(0===e.month)switch(e.week){case 0:case 1:return n("childCard.age.oneWeek");default:return n("childCard.age.week",{weeks:e.week})}if(e.month>0)return n("childCard.age.months",{month:e.month})}else{if(0===e.month)return n("childCard.age.yearNoMonth",{year:e.year});if(e.month>0)return n("childCard.age.yearMonth",{year:e.year,month:e.month})}},y=function(n){var s=n.name,c=n.gender,d=n.age,p=n.isLoggedIn,f=void 0!==p&&p,h=n.showMenu,g=void 0!==h&&h,E=n.onEdit,y=n.onSwitch,b=n.onAdd,M=n.onRemove,H=n.className,j=o().t,L=t(!1),Z=L[0],k=L[1];return e.createElement(u,{className:H},e.createElement("div",{"data-testid":"gender"},c===C.Boy?e.createElement(a.Boy,{"data-testid":"boy",id:"boy"}):e.createElement(a.Girl,{"data-testid":"girl",id:"girl"})),e.createElement("div",{className:"information"},e.createElement(i,{tag:"h5",fontWeight:"bold",color:r.colors.gray800},m(s)||j("childCard.noName")),e.createElement("div",{className:"detail"},e.createElement("div",null,c===C.Boy?e.createElement(a.GenderBoy,null):e.createElement(a.GenderGirl,null),e.createElement(l,{size:"p3",color:r.colors.gray800,style:{textTransform:"capitalize"}},c)),e.createElement("div",null,e.createElement(a.Calendar,{size:16}),d&&e.createElement(l,{size:"p3",color:r.colors.gray800},w(d,j))))),g&&f&&e.createElement(x,null,e.createElement(a.Kebab,{onClick:function(){return k((function(e){return!e}))}}),Z&&e.createElement(v,{name:s,onClose:function(){return k(!1)},onEdit:function(){k(!1),E()},onSwitch:function(){k(!1),y()},onAdd:function(){k(!1),b()},onRemove:function(){k(!1),M()}})))};export{y as ChildCard,w as renderChildAge};
+import e,{useRef as n,useState as t}from"react";import{u as o}from"../useTranslations-d9bcdd4c.js";import{t as r}from"../theme-a50a1aa5.js";import{Heading as i}from"./heading.js";import{Icon as a}from"./icons.js";import{Text as l}from"./text.js";import{_ as C}from"../tslib.es6-95636cf4.js";import{Menu as s}from"./menu.js";import c from"styled-components";import{u as m}from"../useOutsideClick-6004483a.js";import{s as d}from"../utils-432904d8.js";import{G as p}from"../BabyGrowth-a6bb24d9.js";import"../translationsContext-873337b8.js";import"../_commonjsHelpers-406f2e34.js";import"../FullScreen-a24fd8fa.js";var f,h,u,g=c.div(f||(f=C(["\n  /* Auto layout */\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  padding: 16px;\n  gap: 16px;\n  background: ",";\n  border: 1px solid ",";\n  border-radius: 6px;\n  .information {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    h5:first-letter {\n      text-transform: uppercase;\n    }\n    .detail {\n      display: flex;\n      gap: 16px;\n      div {\n        display: flex;\n        align-items: center;\n        gap: 6px;\n      }\n    }\n  }\n"],["\n  /* Auto layout */\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  padding: 16px;\n  gap: 16px;\n  background: ",";\n  border: 1px solid ",";\n  border-radius: 6px;\n  .information {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    h5:first-letter {\n      text-transform: uppercase;\n    }\n    .detail {\n      display: flex;\n      gap: 16px;\n      div {\n        display: flex;\n        align-items: center;\n        gap: 6px;\n      }\n    }\n  }\n"])),r.colors.white,r.colors.gray100),x=c.div(h||(h=C(["\n  position: absolute;\n  top: 18px;\n  right: 16px;\n  cursor: pointer;\n"],["\n  position: absolute;\n  top: 18px;\n  right: 16px;\n  cursor: pointer;\n"]))),E=c(s)(u||(u=C(["\n  position: absolute;\n  right: 0;\n  z-index: 1;\n"],["\n  position: absolute;\n  right: 0;\n  z-index: 1;\n"]))),w=function(t){var i=t.name,a=t.onClose,C=t.onEdit,c=t.onSwitch,d=t.onAdd,p=t.onRemove,f=o().t,h=n();return m(h,a),e.createElement("div",{ref:h},e.createElement(E,{width:250},e.createElement(s.Item,{onClick:C,icon:e.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M12.7812 1.83301C12.2987 1.83301 11.8162 2.01676 11.4479 2.38509L10.6667 3.16634L13.3333 5.83301L14.1146 5.05176C14.8506 4.31576 14.8506 3.12176 14.1146 2.38509C13.7463 2.01676 13.2638 1.83301 12.7812 1.83301ZM9.66667 4.16634L2 11.833V14.4997H4.66667L12.3333 6.83301L9.66667 4.16634Z",fill:"#595959"}))},e.createElement(l,{size:"p2",color:r.colors.gray800},f("childCard.menu.edit",{name:i}))),e.createElement(s.Item,{onClick:c,icon:e.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M8 2.5C4.9478 2.5 2.4204 4.79359 2.05078 7.7513C2.03763 7.83928 2.04222 7.929 2.06428 8.01518C2.08634 8.10136 2.12542 8.18226 2.17922 8.2531C2.23303 8.32394 2.30046 8.3833 2.37756 8.42768C2.45465 8.47206 2.53985 8.50057 2.62813 8.51152C2.71642 8.52247 2.806 8.51564 2.8916 8.49143C2.9772 8.46723 3.05709 8.42614 3.12657 8.37059C3.19605 8.31503 3.2537 8.24613 3.29615 8.16795C3.33859 8.08978 3.36496 8.00389 3.3737 7.91536C3.66141 5.61307 5.61354 3.83333 8 3.83333C9.34288 3.83333 10.5434 4.39987 11.3919 5.30339L10.0977 6.59766C9.96766 6.72766 9.96766 6.93901 10.0977 7.06901C10.1623 7.13434 10.248 7.16667 10.3333 7.16667H13.3333C13.5101 7.16667 13.6797 7.09643 13.8047 6.9714C13.9298 6.84638 14 6.67681 14 6.5V3.5C14 3.41467 13.967 3.32966 13.9023 3.26432C13.7723 3.13432 13.561 3.13432 13.431 3.26432L12.3359 4.35938C11.2437 3.21415 9.7037 2.5 8 2.5ZM13.2943 8.49089C13.1292 8.48959 12.9695 8.54959 12.8461 8.65928C12.7227 8.76896 12.6444 8.92053 12.6263 9.08464C12.3386 11.3869 10.3865 13.1667 8 13.1667C6.65713 13.1667 5.45884 12.5994 4.60938 11.6953L5.90234 10.4023C6.03234 10.2723 6.03234 10.061 5.90234 9.93099C5.83768 9.86566 5.752 9.83333 5.66667 9.83333H2.66667C2.48986 9.83333 2.32029 9.90357 2.19526 10.0286C2.07024 10.1536 2 10.3232 2 10.5V13.5C2 13.5853 2.03299 13.6703 2.09766 13.7357C2.22766 13.8657 2.43901 13.8657 2.56901 13.7357L3.66536 12.6393C4.75711 13.7836 6.29696 14.5 8 14.5C11.0522 14.5 13.5796 12.2064 13.9492 9.2487C13.9622 9.1548 13.955 9.05922 13.928 8.96833C13.9011 8.87745 13.8552 8.79334 13.7932 8.72163C13.7312 8.64991 13.6546 8.59224 13.5686 8.55245C13.4826 8.51266 13.3891 8.49167 13.2943 8.49089Z",fill:"#595959"}))},e.createElement(l,{size:"p2",color:r.colors.gray800},f("childCard.menu.switch"))),e.createElement(s.Item,{onClick:d,icon:e.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.9564 8.56545C15.7745 7.46727 14.9673 6.57273 13.9127 6.26C13.5273 5.44545 12.9818 4.73273 12.32 4.14364C11.1709 3.11818 9.65818 2.5 8 2.5C6.34182 2.5 4.82909 3.11818 3.68 4.14364C3.01091 4.73273 2.46545 5.45273 2.08727 6.26C1.03273 6.57273 0.225455 7.46 0.0436364 8.56545C0.0145455 8.71818 0 8.87818 0 9.04545C0 9.21273 0.0145455 9.37273 0.0436364 9.52545C0.225455 10.6236 1.03273 11.5182 2.08727 11.8309C2.46545 12.6382 3.01091 13.3509 3.66545 13.9327C4.81455 14.9655 6.33455 15.5909 8 15.5909C9.66545 15.5909 11.1855 14.9655 12.3418 13.9327C12.9964 13.3509 13.5418 12.6309 13.92 11.8309C14.9673 11.5182 15.7745 10.6309 15.9564 9.52545C15.9855 9.37273 16 9.21273 16 9.04545C16 8.87818 15.9855 8.71818 15.9564 8.56545ZM6.18182 7.04545C5.67974 7.04545 5.27273 7.45247 5.27273 7.95455C5.27273 8.45662 5.67974 8.86364 6.18182 8.86364C6.6839 8.86364 7.09091 8.45662 7.09091 7.95455C7.09091 7.45247 6.6839 7.04545 6.18182 7.04545ZM9.81818 7.04545C9.3161 7.04545 8.90909 7.45247 8.90909 7.95455C8.90909 8.45662 9.3161 8.86364 9.81818 8.86364C10.3203 8.86364 10.7273 8.45662 10.7273 7.95455C10.7273 7.45247 10.3203 7.04545 9.81818 7.04545ZM5.01821 10.5H10.9818C11.1128 10.5 11.2073 10.6455 11.1491 10.7691C10.5455 11.9109 9.36002 12.6818 8.00002 12.6818C6.64002 12.6818 5.45457 11.9109 4.85093 10.7691C4.78548 10.6455 4.88002 10.5 5.01821 10.5ZM12.9538 10.4875C12.9991 10.4938 13.0435 10.5 13.0909 10.5C13.8909 10.5 14.5455 9.84545 14.5455 9.04545C14.5455 8.24545 13.8909 7.59091 13.0909 7.59091C13.0435 7.59091 12.9991 7.5971 12.9538 7.60343C12.9297 7.60679 12.9053 7.6102 12.88 7.61273C12.7345 7.12545 12.5236 6.67455 12.2545 6.26C11.3455 4.87091 9.78182 3.95455 8 3.95455C6.21818 3.95455 4.65455 4.87091 3.74545 6.26C3.47636 6.67455 3.26545 7.12545 3.12 7.61273C3.09473 7.6102 3.07033 7.60679 3.0462 7.60343C3.0009 7.5971 2.95654 7.59091 2.90909 7.59091C2.10909 7.59091 1.45455 8.24545 1.45455 9.04545C1.45455 9.84545 2.10909 10.5 2.90909 10.5C2.95654 10.5 3.0009 10.4938 3.0462 10.4875C3.07033 10.4841 3.09473 10.4807 3.12 10.4782C3.26545 10.9655 3.47636 11.4164 3.74545 11.8309C4.65455 13.22 6.21818 14.1364 8 14.1364C9.78182 14.1364 11.3455 13.22 12.2545 11.8309C12.5236 11.4164 12.7345 10.9655 12.88 10.4782C12.9053 10.4807 12.9297 10.4841 12.9538 10.4875Z",fill:"#595959"}),e.createElement("path",{d:"M2.5 2V1C2.5 0.725 2.275 0.5 2 0.5C1.725 0.5 1.5 0.725 1.5 1V2H0.5C0.225 2 0 2.225 0 2.5C0 2.775 0.225 3 0.5 3H1.5V4C1.5 4.275 1.725 4.5 2 4.5C2.275 4.5 2.5 4.275 2.5 4V3H3.5C3.775 3 4 2.775 4 2.5C4 2.225 3.775 2 3.5 2H2.5Z",fill:"#595959"}))},e.createElement(l,{size:"p2",color:r.colors.gray800},f("childCard.menu.add"))),e.createElement(s.Item,{onClick:p,icon:e.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M6.66699 1.83301L6.00033 2.49967H3.33366C2.93366 2.49967 2.66699 2.76634 2.66699 3.16634C2.66699 3.56634 2.93366 3.83301 3.33366 3.83301H4.66699H11.3337H12.667C13.067 3.83301 13.3337 3.56634 13.3337 3.16634C13.3337 2.76634 13.067 2.49967 12.667 2.49967H10.0003L9.33366 1.83301H6.66699ZM3.33366 5.16634V13.833C3.33366 14.5663 3.93366 15.1663 4.66699 15.1663H11.3337C12.067 15.1663 12.667 14.5663 12.667 13.833V5.16634H3.33366ZM6.00033 6.49967C6.40033 6.49967 6.66699 6.76634 6.66699 7.16634V13.1663C6.66699 13.5663 6.40033 13.833 6.00033 13.833C5.60033 13.833 5.33366 13.5663 5.33366 13.1663V7.16634C5.33366 6.76634 5.60033 6.49967 6.00033 6.49967ZM10.0003 6.49967C10.4003 6.49967 10.667 6.76634 10.667 7.16634V13.1663C10.667 13.5663 10.4003 13.833 10.0003 13.833C9.60033 13.833 9.33366 13.5663 9.33366 13.1663V7.16634C9.33366 6.76634 9.60033 6.49967 10.0003 6.49967Z",fill:"#F44D2C"}))},e.createElement(l,{size:"p2",color:r.colors.red600},f("childCard.menu.remove",{name:i})))))},v=function(e,n){if(e)if(e.year<1){if(0===e.month)switch(e.week){case 0:case 1:return n("childCard.age.oneWeek");default:return n("childCard.age.week",{weeks:e.week})}if(e.month>0)return n("childCard.age.months",{month:e.month})}else{if(0===e.month)return n("childCard.age.yearNoMonth",{year:e.year});if(e.month>0)return n("childCard.age.yearMonth",{year:e.year,month:e.month})}},y=function(n){var C=n.name,s=n.gender,c=n.age,m=n.isLoggedIn,f=void 0!==m&&m,h=n.showMenu,u=void 0!==h&&h,E=n.onEdit,y=n.onSwitch,b=n.onAdd,H=n.onRemove,M=n.className,j=o().t,Z=t(!1),k=Z[0],L=Z[1];return e.createElement(g,{className:M},e.createElement("div",{"data-testid":"gender"},s===p.Boy?e.createElement(a.Boy,{"data-testid":"boy",id:"boy"}):e.createElement(a.Girl,{"data-testid":"girl",id:"girl"})),e.createElement("div",{className:"information"},e.createElement(i,{tag:"h5",fontWeight:"bold",color:r.colors.gray800},d(C)||j("childCard.noName")),e.createElement("div",{className:"detail"},e.createElement("div",null,s===p.Boy?e.createElement(a.GenderBoy,null):e.createElement(a.GenderGirl,null),e.createElement(l,{size:"p3",color:r.colors.gray800,style:{textTransform:"capitalize"}},s)),e.createElement("div",null,e.createElement(a.Calendar,{size:16}),c&&e.createElement(l,{size:"p3",color:r.colors.gray800},v(c,j))))),u&&f&&e.createElement(x,null,e.createElement(a.Kebab,{onClick:function(){return L((function(e){return!e}))}}),k&&e.createElement(w,{name:C,onClose:function(){return L(!1)},onEdit:function(){L(!1),E()},onSwitch:function(){L(!1),y()},onAdd:function(){L(!1),b()},onRemove:function(){L(!1),H()}})))};export{y as ChildCard,v as renderChildAge};

package/build/esm/components/dateRangePicker.js

@@ -1 +1 @@
-import n,{useState as e,useMemo as t,useEffect as o,useRef as r}from"react";import{isBefore as a,startOfMonth as i,addMonths as l,format as s,subMonths as d,getDaysInMonth as c,isToday as u,isSameDay as p,isWithinInterval as m,isAfter as f,isPast as g}from"date-fns";import{PureInput as h}from"./pureInput.js";import{u as x}from"../useOutsideClick-6004483a.js";import{a as v,_ as b}from"../tslib.es6-95636cf4.js";import w from"date-fns/locale/en-US";import y from"date-fns/locale/id";import k from"date-fns/locale/vi";import E from"date-fns/locale/zh-TW";import{Button as j}from"./button.js";import{u as C}from"../useScreenSize-fc434740.js";import{u as D}from"../useTranslations-66de60e4.js";import"../animation-c611f996.js";import"../lazyLoad-59e8ff6d.js";import M from"styled-components";import"../constants-3be6f6a9.js";import{M as z}from"../utils-432904d8.js";import"../Locale-69030fff.js";import"./label.js";import"../translationsContext-873337b8.js";import"string-format";import"vanilla-lazyload";var H=M.div(T||(T=b(["\n  flex: 1;\n"],["\n  flex: 1;\n"]))),V=M.div(F||(F=b(["\n  padding: 0 10px;\n"],["\n  padding: 0 10px;\n"]))),B=M.div(P||(P=b(["\n  display: flex;\n  height: 80px;\n  align-items: center;\n  .calendar-month {\n    font-size: 16px;\n    flex: 1;\n    text-align: center;\n    strong {\n      margin-left: 5px;\n    }\n  }\n  "," {\n    height: 70px;\n  }\n"],["\n  display: flex;\n  height: 80px;\n  align-items: center;\n  .calendar-month {\n    font-size: 16px;\n    flex: 1;\n    text-align: center;\n    strong {\n      margin-left: 5px;\n    }\n  }\n  "," {\n    height: 70px;\n  }\n"])),z.mbDown),L=M.div(S||(S=b(["\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  row-gap: 2px;\n"],["\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  row-gap: 2px;\n"]))),N=M(L)(I||(I=b(["\n  margin-bottom: 8px;\n"],["\n  margin-bottom: 8px;\n"])));M.div(U||(U=b(["\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));var T,F,P,S,I,U,R,W,Z,O,Y,_,q,A=M.div(R||(R=b(["\n  font-size: 14px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: 1px solid ",";\n  font-weight: 300;\n"],["\n  font-size: 14px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: 1px solid ",";\n  font-weight: 300;\n"])),(function(n){return n.theme.colors.gray800})),G=M.div(W||(W=b(["\n  width: 18px;\n  position: relative;\n  &::before {\n    content: '';\n    position: absolute;\n    inset: 16px 0 0 0;\n    width: 1px;\n    left: 50%;\n    right: 50%;\n    background: ",";\n  }\n"],["\n  width: 18px;\n  position: relative;\n  &::before {\n    content: '';\n    position: absolute;\n    inset: 16px 0 0 0;\n    width: 1px;\n    left: 50%;\n    right: 50%;\n    background: ",";\n  }\n"])),(function(n){return n.theme.colors.neutral100})),J=M.div(Z||(Z=b(["\n  margin: 0 auto;\n"],["\n  margin: 0 auto;\n"]))),K=M.div(O||(O=b(["\n  position: relative;\n"],["\n  position: relative;\n"]))),Q=M(L)(Y||(Y=b([""],[""]))),X=M.div(_||(_=b(["\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 34px;\n  "," {\n    height: 38px;\n  }\n  &[data-is-disabled='true'] {\n    opacity: 0.3;\n  }\n  &[data-in-range='true']:not([data-is-from='true'][data-is-to='true']) {\n    background-color: ",";\n  }\n  &:before {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    background-color: ",";\n  }\n  &[data-is-from='true'][data-in-range='true'][data-is-to='false'] {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 50%;\n      right: 0;\n    }\n  }\n\n  &[data-is-to='true'][data-in-range='true'][data-is-from='false'],\n  &:hover[data-in-range='true']:is([data-has-range='false'] &) {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 0;\n      right: 50%;\n    }\n  }\n"],["\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 34px;\n  "," {\n    height: 38px;\n  }\n  &[data-is-disabled='true'] {\n    opacity: 0.3;\n  }\n  &[data-in-range='true']:not([data-is-from='true'][data-is-to='true']) {\n    background-color: ",";\n  }\n  &:before {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    background-color: ",";\n  }\n  &[data-is-from='true'][data-in-range='true'][data-is-to='false'] {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 50%;\n      right: 0;\n    }\n  }\n\n  &[data-is-to='true'][data-in-range='true'][data-is-from='false'],\n  &:hover[data-in-range='true']:is([data-has-range='false'] &) {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 0;\n      right: 50%;\n    }\n  }\n"])),z.mbUp,(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.gray100})),$=M.div(q||(q=b(["\n  position: relative;\n  font-weight: 600;\n  "," {\n    width: 32px;\n    height: 32px;\n  }\n  "," {\n    width: 36px;\n    height: 36px;\n  }\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  [data-is-disabled='true'] & {\n    cursor: not-allowed;\n  }\n  line-height: 1;\n  color: 1px solid ",";\n  [data-is-selected='true'] &,\n  [data-is-today='true'] &,\n  [data-is-selected='false']:hover & {\n    border-radius: 32px;\n  }\n  [data-is-selected='true'] & {\n    background-color: ",";\n    color: white;\n  }\n  [data-is-selected='false']:hover & {\n    background-color: ",";\n  }\n  [data-is-today='true'][data-is-selected='false'] & {\n    background-color: transparent;\n    border-radius: 32px;\n    border: 1px solid ",";\n  }\n"],["\n  position: relative;\n  font-weight: 600;\n  "," {\n    width: 32px;\n    height: 32px;\n  }\n  "," {\n    width: 36px;\n    height: 36px;\n  }\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  [data-is-disabled='true'] & {\n    cursor: not-allowed;\n  }\n  line-height: 1;\n  color: 1px solid ",";\n  [data-is-selected='true'] &,\n  [data-is-today='true'] &,\n  [data-is-selected='false']:hover & {\n    border-radius: 32px;\n  }\n  [data-is-selected='true'] & {\n    background-color: ",";\n    color: white;\n  }\n  [data-is-selected='false']:hover & {\n    background-color: ",";\n  }\n  [data-is-today='true'][data-is-selected='false'] & {\n    background-color: transparent;\n    border-radius: 32px;\n    border: 1px solid ",";\n  }\n"])),z.mbDown,z.mbUp,(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.primaryBase})),nn={"en-PH":w,"vi-VN":k,"zh-TW":E,"id-ID":y};function en(o){var r=o.value,a=void 0===r?{from:null,to:null}:r,s=e(null),c=s[0],u=s[1],p=C().isMobile,m=e((function(){return a})),f=m[0],g=m[1],h=e((function(){var n;return i(null!==(n=a.from)&&void 0!==n?n:new Date)})),x=h[0],b=h[1],w=t((function(){return l(x,1)}),[x]);var y=v(v({},o),{goToNextMonth:function(){b((function(n){return l(n,1)}))},goToPreviousMonth:function(){b((function(n){return d(n,1)}))},range:f,setRange:g,hoverDay:c,setHoverDay:u});return n.createElement(n.Fragment,null,n.createElement(tn,v({},y,{date:x})),!p&&n.createElement(G,null),!p&&n.createElement(tn,v({},y,{date:w})))}function tn(e){var r=e.date,i=e.range,l=e.setRange,d=e.onChange,h=e.goToPreviousMonth,x=e.goToNextMonth,b=e.minDate,w=e.maxDate,y=e.close,k=void 0===y?function(){}:y,E=e.autoClose,C=void 0!==E&&E,M=e.hoverDay,z=e.setHoverDay,L=D().locale,T=t((function(){var n;return null!==(n=nn[L])&&void 0!==n?n:nn["en-PH"]}),[L]),F=t((function(){return s(r,"MMMM",{locale:T})}),[r,T]),P=t((function(){return T?[1,2,3,4,5,6,0].map((function(n){return T.localize.day(n,{width:"narrow"})})):[]}),[T]);function S(e,t){if(null===e)return n.createElement(X,{key:"idx-".concat(t),"data-empty":"true"});var o=e.getDate(),r=u(e),s=!!i.from&&p(i.from,e),d=!!i.to&&p(i.to,e),c=s||d,h=!1;null!==M&&i.from&&a(i.from,M)&&!i.to?h=m(e,{start:i.from,end:M}):i.from&&i.to&&(h=m(e,{start:i.from,end:i.to}));var x=!1;return b&&w?x=!m(e,{start:b,end:w}):b?x=a(e,b):w&&(x=f(e,w)),n.createElement(X,{key:o,"data-is-today":r,"data-is-past":!r&&g(e),"data-is-selected":c,"data-is-disabled":x,"data-in-range":h,"data-is-from":s,"data-is-to":d,onMouseEnter:function(){z(e)},onMouseLeave:function(){return z(null)},onClick:function(){x||l((function(n){return C&&i.from&&!i.to&&k(),function(n,e){return e.from||e.to?e.from&&e.to?{from:n,to:null}:e.from?a(n,e.from)?v(v({},e),{from:n}):v(v({},e),{to:n}):e:v(v({},e),{from:n})}(e,n)}))}},n.createElement($,{onClick:function(){}},n.createElement("p",null,o)))}return o((function(){i.from&&i.to&&d(i)}),[i]),n.createElement(H,{className:"calendar-wrapper"},n.createElement(B,null,n.createElement(j,{onClick:h,size:"md",color:"ghost",icon:n.createElement("img",{src:"data:image/svg+xml,%3csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.66875 11.814L1.46875 6.657L5.66875 1.5' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"})}),n.createElement("div",{className:"calendar-month"},F,n.createElement("strong",null,s(r,"yyyy"))),n.createElement(j,{onClick:x,size:"md",color:"ghost",icon:n.createElement("img",{src:"data:image/svg+xml,%3csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.46875 11.814L5.66875 6.657L1.46875 1.5' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"})})),n.createElement(V,null,n.createElement("div",null,n.createElement(N,null,P.map((function(e,t){return n.createElement(A,{key:"".concat(e,"-").concat(t)},e)})))),n.createElement("div",null,function(){for(var e=r.getFullYear(),t=r.getMonth(),o=c(r),a=[],l=1;l<=o;l++)a.push(new Date(e,t,l));var s=a[0]?a[0].getDay():0;if(1!==s){var d=0===s?6:s-1;for(l=0;l<d;l++)a.unshift(null)}return n.createElement(K,{key:"month-".concat(t),"data-month-index":t,"data-has-range":Boolean(i.from&&i.to)},n.createElement(J,null,n.createElement(Q,null,a.map(S))))}())))}var on,rn,an=M.div(on||(on=b(["\n  display: block;\n  position: relative;\n  width: 270px;\n  input {\n    pointer-events: none;\n    caret-color: transparent;\n  }\n  "," {\n    width: 100%;\n  }\n"],["\n  display: block;\n  position: relative;\n  width: 270px;\n  input {\n    pointer-events: none;\n    caret-color: transparent;\n  }\n  "," {\n    width: 100%;\n  }\n"])),z.mbDown),ln=M.div(rn||(rn=b(["\n  display: flex;\n  position: absolute;\n  top: 46px;\n  left: 0;\n  width: 684px;\n  border: 1px solid ",";\n  filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  border-radius: 6px;\n  background-color: white;\n  z-index: 100;\n  padding-bottom: 16px;\n  align-items: stretch;\n  user-select: none;\n  "," {\n    width: 100%;\n  }\n"],["\n  display: flex;\n  position: absolute;\n  top: 46px;\n  left: 0;\n  width: 684px;\n  border: 1px solid ",";\n  filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  border-radius: 6px;\n  background-color: white;\n  z-index: 100;\n  padding-bottom: 16px;\n  align-items: stretch;\n  user-select: none;\n  "," {\n    width: 100%;\n  }\n"])),(function(n){return n.theme.colors.gray200}),z.mbDown);function sn(o){var a=o.inputSize,i=void 0===a?"md":a,l=o.name,d=void 0===l?"date-range-picker":l,c=o.value,u=o.minDate,m=o.maxDate,f=o.onChange,g=o.className,v=o.autoClose,b=void 0!==v&&v;c||(c={from:null,to:null});var w=e(!1),y=w[0],k=w[1];function E(){k(!1)}var j=r(null);function C(n){f&&f(n)}function D(n){return s(n,"dd/MM/yyyy")}x(j,(function(){E()}));var M=t((function(){return c.from&&c.to?p(c.from,c.to)?D(c.from):"".concat(D(c.from)," - ").concat(D(c.to)):""}),[c.from,c.to]);return n.createElement(an,{className:[g,y&&"focused"].filter(Boolean).join(" "),ref:j},n.createElement("label",{htmlFor:d},n.createElement(h,{size:i,value:M,name:d,actionIcon:n.createElement("img",{src:"data:image/svg+xml,%3csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9168 1.99984H13.5835C14.3168 1.99984 14.9168 2.59984 14.9168 3.33317V13.9998C14.9168 14.7332 14.3168 15.3332 13.5835 15.3332H2.91683C2.1835 15.3332 1.5835 14.7332 1.5835 13.9998V3.33317C1.5835 2.59984 2.1835 1.99984 2.91683 1.99984H3.5835V1.33317C3.5835 0.966504 3.8835 0.666504 4.25016 0.666504C4.61683 0.666504 4.91683 0.966504 4.91683 1.33317V1.99984H11.5835V1.33317C11.5835 0.966504 11.8835 0.666504 12.2502 0.666504C12.6168 0.666504 12.9168 0.966504 12.9168 1.33317V1.99984ZM3.5835 13.9998H12.9168C13.2835 13.9998 13.5835 13.6998 13.5835 13.3332V5.33317H2.91683V13.3332C2.91683 13.6998 3.21683 13.9998 3.5835 13.9998Z' fill='%23595959'/%3e%3c/svg%3e"}),autoFocus:!1,onFocus:function(){return k(!0)}})),y?n.createElement(ln,{onMouseDown:function(n){n.stopPropagation()}},n.createElement(en,{value:c,onChange:C,minDate:u,maxDate:m,close:E,autoClose:b})):null)}export{sn as DateRangePicker};
+import n,{useState as e,useMemo as t,useEffect as o,useRef as r}from"react";import{isBefore as a,startOfMonth as i,addMonths as l,format as s,subMonths as d,getDaysInMonth as c,isToday as u,isSameDay as p,isWithinInterval as m,isAfter as f,isPast as g}from"date-fns";import{PureInput as h}from"./pureInput.js";import{u as x}from"../useOutsideClick-6004483a.js";import{a as v,_ as b}from"../tslib.es6-95636cf4.js";import w from"date-fns/locale/en-US";import y from"date-fns/locale/id";import k from"date-fns/locale/vi";import E from"date-fns/locale/zh-TW";import{Button as j}from"./button.js";import{u as C}from"../useScreenSize-fc434740.js";import{u as D}from"../useTranslations-d9bcdd4c.js";import M from"styled-components";import{M as z}from"../utils-432904d8.js";import"./label.js";import"../translationsContext-873337b8.js";import"../_commonjsHelpers-406f2e34.js";var H=M.div(F||(F=b(["\n  flex: 1;\n"],["\n  flex: 1;\n"]))),V=M.div(L||(L=b(["\n  padding: 0 10px;\n"],["\n  padding: 0 10px;\n"]))),B=M.div(P||(P=b(["\n  display: flex;\n  height: 80px;\n  align-items: center;\n  .calendar-month {\n    font-size: 16px;\n    flex: 1;\n    text-align: center;\n    strong {\n      margin-left: 5px;\n    }\n  }\n  "," {\n    height: 70px;\n  }\n"],["\n  display: flex;\n  height: 80px;\n  align-items: center;\n  .calendar-month {\n    font-size: 16px;\n    flex: 1;\n    text-align: center;\n    strong {\n      margin-left: 5px;\n    }\n  }\n  "," {\n    height: 70px;\n  }\n"])),z.mbDown),N=M.div(S||(S=b(["\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  row-gap: 2px;\n"],["\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  row-gap: 2px;\n"]))),T=M(N)(I||(I=b(["\n  margin-bottom: 8px;\n"],["\n  margin-bottom: 8px;\n"])));M.div(U||(U=b(["\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));var F,L,P,S,I,U,R,W,Z,_,O,Y,q,A=M.div(R||(R=b(["\n  font-size: 14px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: 1px solid ",";\n  font-weight: 300;\n"],["\n  font-size: 14px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: 1px solid ",";\n  font-weight: 300;\n"])),(function(n){return n.theme.colors.gray800})),G=M.div(W||(W=b(["\n  width: 18px;\n  position: relative;\n  &::before {\n    content: '';\n    position: absolute;\n    inset: 16px 0 0 0;\n    width: 1px;\n    left: 50%;\n    right: 50%;\n    background: ",";\n  }\n"],["\n  width: 18px;\n  position: relative;\n  &::before {\n    content: '';\n    position: absolute;\n    inset: 16px 0 0 0;\n    width: 1px;\n    left: 50%;\n    right: 50%;\n    background: ",";\n  }\n"])),(function(n){return n.theme.colors.neutral100})),J=M.div(Z||(Z=b(["\n  margin: 0 auto;\n"],["\n  margin: 0 auto;\n"]))),K=M.div(_||(_=b(["\n  position: relative;\n"],["\n  position: relative;\n"]))),Q=M(N)(O||(O=b([""],[""]))),X=M.div(Y||(Y=b(["\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 34px;\n  "," {\n    height: 38px;\n  }\n  &[data-is-disabled='true'] {\n    opacity: 0.3;\n  }\n  &[data-in-range='true']:not([data-is-from='true'][data-is-to='true']) {\n    background-color: ",";\n  }\n  &:before {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    background-color: ",";\n  }\n  &[data-is-from='true'][data-in-range='true'][data-is-to='false'] {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 50%;\n      right: 0;\n    }\n  }\n\n  &[data-is-to='true'][data-in-range='true'][data-is-from='false'],\n  &:hover[data-in-range='true']:is([data-has-range='false'] &) {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 0;\n      right: 50%;\n    }\n  }\n"],["\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 34px;\n  "," {\n    height: 38px;\n  }\n  &[data-is-disabled='true'] {\n    opacity: 0.3;\n  }\n  &[data-in-range='true']:not([data-is-from='true'][data-is-to='true']) {\n    background-color: ",";\n  }\n  &:before {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    background-color: ",";\n  }\n  &[data-is-from='true'][data-in-range='true'][data-is-to='false'] {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 50%;\n      right: 0;\n    }\n  }\n\n  &[data-is-to='true'][data-in-range='true'][data-is-from='false'],\n  &:hover[data-in-range='true']:is([data-has-range='false'] &) {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 0;\n      right: 50%;\n    }\n  }\n"])),z.mbUp,(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.gray100})),$=M.div(q||(q=b(["\n  position: relative;\n  font-weight: 600;\n  "," {\n    width: 32px;\n    height: 32px;\n  }\n  "," {\n    width: 36px;\n    height: 36px;\n  }\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  [data-is-disabled='true'] & {\n    cursor: not-allowed;\n  }\n  line-height: 1;\n  color: 1px solid ",";\n  [data-is-selected='true'] &,\n  [data-is-today='true'] &,\n  [data-is-selected='false']:hover & {\n    border-radius: 32px;\n  }\n  [data-is-selected='true'] & {\n    background-color: ",";\n    color: white;\n  }\n  [data-is-selected='false']:hover & {\n    background-color: ",";\n  }\n  [data-is-today='true'][data-is-selected='false'] & {\n    background-color: transparent;\n    border-radius: 32px;\n    border: 1px solid ",";\n  }\n"],["\n  position: relative;\n  font-weight: 600;\n  "," {\n    width: 32px;\n    height: 32px;\n  }\n  "," {\n    width: 36px;\n    height: 36px;\n  }\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  [data-is-disabled='true'] & {\n    cursor: not-allowed;\n  }\n  line-height: 1;\n  color: 1px solid ",";\n  [data-is-selected='true'] &,\n  [data-is-today='true'] &,\n  [data-is-selected='false']:hover & {\n    border-radius: 32px;\n  }\n  [data-is-selected='true'] & {\n    background-color: ",";\n    color: white;\n  }\n  [data-is-selected='false']:hover & {\n    background-color: ",";\n  }\n  [data-is-today='true'][data-is-selected='false'] & {\n    background-color: transparent;\n    border-radius: 32px;\n    border: 1px solid ",";\n  }\n"])),z.mbDown,z.mbUp,(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.primaryBase})),nn={"en-PH":w,"vi-VN":k,"zh-TW":E,"id-ID":y};function en(o){var r=o.value,a=void 0===r?{from:null,to:null}:r,s=e(null),c=s[0],u=s[1],p=C().isMobile,m=e((function(){return a})),f=m[0],g=m[1],h=e((function(){var n;return i(null!==(n=a.from)&&void 0!==n?n:new Date)})),x=h[0],b=h[1],w=t((function(){return l(x,1)}),[x]);var y=v(v({},o),{goToNextMonth:function(){b((function(n){return l(n,1)}))},goToPreviousMonth:function(){b((function(n){return d(n,1)}))},range:f,setRange:g,hoverDay:c,setHoverDay:u});return n.createElement(n.Fragment,null,n.createElement(tn,v({},y,{date:x})),!p&&n.createElement(G,null),!p&&n.createElement(tn,v({},y,{date:w})))}function tn(e){var r=e.date,i=e.range,l=e.setRange,d=e.onChange,h=e.goToPreviousMonth,x=e.goToNextMonth,b=e.minDate,w=e.maxDate,y=e.close,k=void 0===y?function(){}:y,E=e.autoClose,C=void 0!==E&&E,M=e.hoverDay,z=e.setHoverDay,N=D().locale,F=t((function(){var n;return null!==(n=nn[N])&&void 0!==n?n:nn["en-PH"]}),[N]),L=t((function(){return s(r,"MMMM",{locale:F})}),[r,F]),P=t((function(){return F?[1,2,3,4,5,6,0].map((function(n){return F.localize.day(n,{width:"narrow"})})):[]}),[F]);function S(e,t){if(null===e)return n.createElement(X,{key:"idx-".concat(t),"data-empty":"true"});var o=e.getDate(),r=u(e),s=!!i.from&&p(i.from,e),d=!!i.to&&p(i.to,e),c=s||d,h=!1;null!==M&&i.from&&a(i.from,M)&&!i.to?h=m(e,{start:i.from,end:M}):i.from&&i.to&&(h=m(e,{start:i.from,end:i.to}));var x=!1;return b&&w?x=!m(e,{start:b,end:w}):b?x=a(e,b):w&&(x=f(e,w)),n.createElement(X,{key:o,"data-is-today":r,"data-is-past":!r&&g(e),"data-is-selected":c,"data-is-disabled":x,"data-in-range":h,"data-is-from":s,"data-is-to":d,onMouseEnter:function(){z(e)},onMouseLeave:function(){return z(null)},onClick:function(){x||l((function(n){return C&&i.from&&!i.to&&k(),function(n,e){return e.from||e.to?e.from&&e.to?{from:n,to:null}:e.from?a(n,e.from)?v(v({},e),{from:n}):v(v({},e),{to:n}):e:v(v({},e),{from:n})}(e,n)}))}},n.createElement($,{onClick:function(){}},n.createElement("p",null,o)))}return o((function(){i.from&&i.to&&d(i)}),[i]),n.createElement(H,{className:"calendar-wrapper"},n.createElement(B,null,n.createElement(j,{onClick:h,size:"md",color:"ghost",icon:n.createElement("img",{src:"data:image/svg+xml,%3csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.66875 11.814L1.46875 6.657L5.66875 1.5' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"})}),n.createElement("div",{className:"calendar-month"},L,n.createElement("strong",null,s(r,"yyyy"))),n.createElement(j,{onClick:x,size:"md",color:"ghost",icon:n.createElement("img",{src:"data:image/svg+xml,%3csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.46875 11.814L5.66875 6.657L1.46875 1.5' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"})})),n.createElement(V,null,n.createElement("div",null,n.createElement(T,null,P.map((function(e,t){return n.createElement(A,{key:"".concat(e,"-").concat(t)},e)})))),n.createElement("div",null,function(){for(var e=r.getFullYear(),t=r.getMonth(),o=c(r),a=[],l=1;l<=o;l++)a.push(new Date(e,t,l));var s=a[0]?a[0].getDay():0;if(1!==s){var d=0===s?6:s-1;for(l=0;l<d;l++)a.unshift(null)}return n.createElement(K,{key:"month-".concat(t),"data-month-index":t,"data-has-range":Boolean(i.from&&i.to)},n.createElement(J,null,n.createElement(Q,null,a.map(S))))}())))}var on,rn,an=M.div(on||(on=b(["\n  display: block;\n  position: relative;\n  width: 270px;\n  input {\n    pointer-events: none;\n    caret-color: transparent;\n  }\n  "," {\n    width: 100%;\n  }\n"],["\n  display: block;\n  position: relative;\n  width: 270px;\n  input {\n    pointer-events: none;\n    caret-color: transparent;\n  }\n  "," {\n    width: 100%;\n  }\n"])),z.mbDown),ln=M.div(rn||(rn=b(["\n  display: flex;\n  position: absolute;\n  top: 46px;\n  left: 0;\n  width: 684px;\n  border: 1px solid ",";\n  filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  border-radius: 6px;\n  background-color: white;\n  z-index: 100;\n  padding-bottom: 16px;\n  align-items: stretch;\n  user-select: none;\n  "," {\n    width: 100%;\n  }\n"],["\n  display: flex;\n  position: absolute;\n  top: 46px;\n  left: 0;\n  width: 684px;\n  border: 1px solid ",";\n  filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  border-radius: 6px;\n  background-color: white;\n  z-index: 100;\n  padding-bottom: 16px;\n  align-items: stretch;\n  user-select: none;\n  "," {\n    width: 100%;\n  }\n"])),(function(n){return n.theme.colors.gray200}),z.mbDown);function sn(o){var a=o.inputSize,i=void 0===a?"md":a,l=o.name,d=void 0===l?"date-range-picker":l,c=o.value,u=o.minDate,m=o.maxDate,f=o.onChange,g=o.className,v=o.autoClose,b=void 0!==v&&v;c||(c={from:null,to:null});var w=e(!1),y=w[0],k=w[1];function E(){k(!1)}var j=r(null);function C(n){f&&f(n)}function D(n){return s(n,"dd/MM/yyyy")}x(j,(function(){E()}));var M=t((function(){return c.from&&c.to?p(c.from,c.to)?D(c.from):"".concat(D(c.from)," - ").concat(D(c.to)):""}),[c.from,c.to]);return n.createElement(an,{className:[g,y&&"focused"].filter(Boolean).join(" "),ref:j},n.createElement("label",{htmlFor:d},n.createElement(h,{size:i,value:M,name:d,actionIcon:n.createElement("img",{src:"data:image/svg+xml,%3csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9168 1.99984H13.5835C14.3168 1.99984 14.9168 2.59984 14.9168 3.33317V13.9998C14.9168 14.7332 14.3168 15.3332 13.5835 15.3332H2.91683C2.1835 15.3332 1.5835 14.7332 1.5835 13.9998V3.33317C1.5835 2.59984 2.1835 1.99984 2.91683 1.99984H3.5835V1.33317C3.5835 0.966504 3.8835 0.666504 4.25016 0.666504C4.61683 0.666504 4.91683 0.966504 4.91683 1.33317V1.99984H11.5835V1.33317C11.5835 0.966504 11.8835 0.666504 12.2502 0.666504C12.6168 0.666504 12.9168 0.966504 12.9168 1.33317V1.99984ZM3.5835 13.9998H12.9168C13.2835 13.9998 13.5835 13.6998 13.5835 13.3332V5.33317H2.91683V13.3332C2.91683 13.6998 3.21683 13.9998 3.5835 13.9998Z' fill='%23595959'/%3e%3c/svg%3e"}),autoFocus:!1,onFocus:function(){return k(!0)}})),y?n.createElement(ln,{onMouseDown:function(n){n.stopPropagation()}},n.createElement(en,{value:c,onChange:C,minDate:u,maxDate:m,close:E,autoClose:b})):null)}export{sn as DateRangePicker};

package/build/esm/components/displayWrapper.js

@@ -1 +1 @@
-import"react";export{D as DisplayWrapper}from"../index-2bc29074.js";import"../useScreenSize-fc434740.js";import"../utils-432904d8.js";import"../tslib.es6-95636cf4.js";import"styled-components";
+import"react";export{D as DisplayWrapper}from"../index-52fcdd30.js";import"../useScreenSize-fc434740.js";import"../utils-432904d8.js";import"../tslib.es6-95636cf4.js";import"styled-components";

package/build/esm/components/footer.js

@@ -1 +1 @@
-import n,{useEffect as e}from"react";import{Button as t}from"./button.js";import{Container as a}from"./container.js";import{Text as o}from"./text.js";import{d as i}from"../constants-3be6f6a9.js";import{t as l}from"../theme-a50a1aa5.js";import{u as r}from"../useTranslations-66de60e4.js";import{l as p}from"../lazyLoad-59e8ff6d.js";import{_ as c}from"../tslib.es6-95636cf4.js";import{M as s}from"../utils-432904d8.js";import d from"styled-components";import{i as m,a as g,b as x,c as f}from"../zalo-7f0726ae.js";import{Divider as u}from"./divider.js";import{Logo as h}from"./logo.js";import{MarryBabyText as b}from"./marryBabyText.js";import"../translationsContext-873337b8.js";import"string-format";import"vanilla-lazyload";var v,y,w=d.footer(v||(v=c(["\n  background-color: #1b3250;\n\n  .inner {\n    padding: 64px 24px 98px 24px;\n    "," {\n      padding: 64px 0;\n    }\n    margin: 0 auto;\n    //max-width: 1168px;\n\n    &[data-type='mini'] {\n      padding: 24px 0;\n    }\n  }\n\n  .footer-logo {\n    max-width: 132px;\n    max-height: 32px;\n    margin-bottom: 24px;\n    &[data-is-sehat='true'] {\n      max-width: 250px;\n    }\n\n    img {\n      object-fit: contain;\n    }\n  }\n\n  .social {\n    margin-top: 24px;\n\n    "," {\n      margin-top: 32px;\n      p {\n        font-size: 13px;\n      }\n    }\n\n    "," {\n      p {\n        font-size: 12px;\n      }\n    }\n\n    p {\n      color: ",";\n    }\n  }\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n\n    .social-icon {\n      width: 32px;\n      height: 32px;\n    }\n  }\n\n  .newsletter {\n    > p {\n      color: ",";\n\n      font-size: 14px;\n      line-height: 22px;\n\n      "," {\n        max-width: 380px;\n        line-height: 28.5px;\n      }\n    }\n  }\n\n  hr {\n    height: 1px;\n    border: none;\n    margin: 16px 0 16px 0;\n    "," {\n      margin-top: 0px;\n    }\n    background: ",";\n    opacity: 0.1;\n    outline: none;\n  }\n\n  .hrMobile {\n    "," {\n      display: none;\n    }\n  }\n\n  .copyright {\n    padding-top: 8px;\n\n    "," {\n      display: flex;\n      flex-direction: row-reverse;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .copyright-content {\n      width: 90%;\n      color: ",";\n      font-size: 12px;\n    }\n\n    .copyright-image {\n      width: 10%;\n      align-self: flex-start;\n\n      img {\n        max-width: 100px;\n        margin-bottom: 16px;\n\n        "," {\n          margin-bottom: 0px;\n        }\n      }\n    }\n\n    &[data-is-amp='true'] {\n      img {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .copyright-certificate {\n    color: ",";\n    "," {\n      font-size: 11px;\n    }\n    "," {\n      font-size: 12px;\n    }\n  }\n\n  .biglinks {\n    margin-bottom: 12px;\n  }\n\n  .bigLink {\n    display: block;\n    color: ",";\n    font-size: 14px;\n    font-weight: ",";\n    text-decoration: none;\n    word-break: break-word;\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n\n    "," {\n      display: inline-block;\n      width: 50%;\n      font-size: 16px;\n    }\n  }\n\n  .mHalf {\n    display: inline-block;\n    width: 50%;\n    padding-right: 24px;\n    margin-bottom: 24px;\n    vertical-align: top;\n\n    p {\n      color: ",";\n\n      "," {\n        margin-bottom: 8px;\n        font-size: 13px;\n        line-height: 20px;\n      }\n      "," {\n        margin-bottom: 12px;\n        font-size: 14px;\n      }\n    }\n  }\n\n  .otherSites {\n    p {\n      margin-bottom: 12px;\n      color: ",";\n      font-size: 12px;\n      "," {\n        font-size: 13px;\n      }\n      "," {\n        font-size: 13px;\n      }\n    }\n\n    .flags {\n      display: flex;\n      margin-bottom: 8px;\n\n      div {\n        margin-right: 10px;\n      }\n    }\n  }\n\n  .link {\n    display: block;\n    text-decoration: none;\n\n    p {\n      color: ",";\n      font-weight: ",";\n      word-break: break-word;\n    }\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n  }\n\n  .columns {\n    "," {\n      display: flex;\n      flex-direction: row;\n      width: 100%;\n\n      > div:nth-child(1) {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        flex-basis: 40%;\n      }\n\n      > div:nth-child(2) {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        flex-basis: 60%;\n\n        > div:nth-child(1) {\n          flex-basis: 45%;\n        }\n\n        > div:not(:last-child) {\n          flex-basis: 27.5%;\n        }\n\n        > div:last-child() {\n          flex-basis: 0;\n        }\n      }\n    }\n  }\n\n  .signupButton {\n    display: none;\n    border: none;\n    margin-top: 16px;\n    outline: none;\n    text-transform: uppercase;\n  }\n"],["\n  background-color: #1b3250;\n\n  .inner {\n    padding: 64px 24px 98px 24px;\n    "," {\n      padding: 64px 0;\n    }\n    margin: 0 auto;\n    //max-width: 1168px;\n\n    &[data-type='mini'] {\n      padding: 24px 0;\n    }\n  }\n\n  .footer-logo {\n    max-width: 132px;\n    max-height: 32px;\n    margin-bottom: 24px;\n    &[data-is-sehat='true'] {\n      max-width: 250px;\n    }\n\n    img {\n      object-fit: contain;\n    }\n  }\n\n  .social {\n    margin-top: 24px;\n\n    "," {\n      margin-top: 32px;\n      p {\n        font-size: 13px;\n      }\n    }\n\n    "," {\n      p {\n        font-size: 12px;\n      }\n    }\n\n    p {\n      color: ",";\n    }\n  }\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n\n    .social-icon {\n      width: 32px;\n      height: 32px;\n    }\n  }\n\n  .newsletter {\n    > p {\n      color: ",";\n\n      font-size: 14px;\n      line-height: 22px;\n\n      "," {\n        max-width: 380px;\n        line-height: 28.5px;\n      }\n    }\n  }\n\n  hr {\n    height: 1px;\n    border: none;\n    margin: 16px 0 16px 0;\n    "," {\n      margin-top: 0px;\n    }\n    background: ",";\n    opacity: 0.1;\n    outline: none;\n  }\n\n  .hrMobile {\n    "," {\n      display: none;\n    }\n  }\n\n  .copyright {\n    padding-top: 8px;\n\n    "," {\n      display: flex;\n      flex-direction: row-reverse;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .copyright-content {\n      width: 90%;\n      color: ",";\n      font-size: 12px;\n    }\n\n    .copyright-image {\n      width: 10%;\n      align-self: flex-start;\n\n      img {\n        max-width: 100px;\n        margin-bottom: 16px;\n\n        "," {\n          margin-bottom: 0px;\n        }\n      }\n    }\n\n    &[data-is-amp='true'] {\n      img {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .copyright-certificate {\n    color: ",";\n    "," {\n      font-size: 11px;\n    }\n    "," {\n      font-size: 12px;\n    }\n  }\n\n  .biglinks {\n    margin-bottom: 12px;\n  }\n\n  .bigLink {\n    display: block;\n    color: ",";\n    font-size: 14px;\n    font-weight: ",";\n    text-decoration: none;\n    word-break: break-word;\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n\n    "," {\n      display: inline-block;\n      width: 50%;\n      font-size: 16px;\n    }\n  }\n\n  .mHalf {\n    display: inline-block;\n    width: 50%;\n    padding-right: 24px;\n    margin-bottom: 24px;\n    vertical-align: top;\n\n    p {\n      color: ",";\n\n      "," {\n        margin-bottom: 8px;\n        font-size: 13px;\n        line-height: 20px;\n      }\n      "," {\n        margin-bottom: 12px;\n        font-size: 14px;\n      }\n    }\n  }\n\n  .otherSites {\n    p {\n      margin-bottom: 12px;\n      color: ",";\n      font-size: 12px;\n      "," {\n        font-size: 13px;\n      }\n      "," {\n        font-size: 13px;\n      }\n    }\n\n    .flags {\n      display: flex;\n      margin-bottom: 8px;\n\n      div {\n        margin-right: 10px;\n      }\n    }\n  }\n\n  .link {\n    display: block;\n    text-decoration: none;\n\n    p {\n      color: ",";\n      font-weight: ",";\n      word-break: break-word;\n    }\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n  }\n\n  .columns {\n    "," {\n      display: flex;\n      flex-direction: row;\n      width: 100%;\n\n      > div:nth-child(1) {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        flex-basis: 40%;\n      }\n\n      > div:nth-child(2) {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        flex-basis: 60%;\n\n        > div:nth-child(1) {\n          flex-basis: 45%;\n        }\n\n        > div:not(:last-child) {\n          flex-basis: 27.5%;\n        }\n\n        > div:last-child() {\n          flex-basis: 0;\n        }\n      }\n    }\n  }\n\n  .signupButton {\n    display: none;\n    border: none;\n    margin-top: 16px;\n    outline: none;\n    text-transform: uppercase;\n  }\n"])),s.mbDown,s.mbDown,s.mbUp,(function(n){return n.theme.colors.neutral500}),(function(n){return n.theme.colors.neutral500}),s.mbUp,s.mbDown,(function(n){return n.theme.colors.neutral500}),s.mbUp,s.mbUp,(function(n){return n.theme.colors.neutral500}),s.mbUp,(function(n){return n.theme.colors.neutral500}),s.mbDown,s.mbUp,(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),s.mbDown,(function(n){return n.theme.colors.neutral500}),s.mbDown,s.mbUp,(function(n){return n.theme.colors.neutral500}),s.mbDown,s.mbUp,(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),s.mbUp),E=d.div(y||(y=c(["\n  width: 32px;\n  height: 32px;\n  margin-right: 10px;\n\n  &[data-is-mobile='true'] {\n    width: 24px;\n    height: 24px;\n  }\n\n  .country-flag {\n    width: 100%;\n    height: 100%;\n  }\n"],["\n  width: 32px;\n  height: 32px;\n  margin-right: 10px;\n\n  &[data-is-mobile='true'] {\n    width: 24px;\n    height: 24px;\n  }\n\n  .country-flag {\n    width: 100%;\n    height: 100%;\n  }\n"]))),k=function(e){var t=e.url,a=e.isMobile,o=e.dataEventCategory,i=e.dataEventAction,l=e.dataEventLabel,r=e.isAmp;return n.createElement(E,{"data-is-mobile":a},r?n.createElement("amp-img",{className:"country-flag",src:t,alt:"Country Flag","data-event-category":o,"data-event-action":i,"data-content-label":l}):n.createElement("img",{loading:"lazy",className:"country-flag lazy","data-src":t,alt:"Country Flag","data-event-category":o,"data-event-action":i,"data-content-label":l}))},C=function(c){var s,d,m,g,x,f,u,h,b,v,y,E,C,z,N,F,j,L,D,M,B,A,H,U,_,T,S,I,V,Z,Y,G,O,X,K,W=c.className,P=c.type,q=void 0===P?"main":P,J=c.footerInfo,Q=c.isMobile,R=c.locale,$=c.isAmp,nn=r().t,en=null==J?void 0:J.menu;return e((function(){setTimeout((function(){return null==p?void 0:p.update()}),100)}),[]),n.createElement(w,{as:$&&"mini"===q?"div":"footer",className:W,style:"mini"===q?{backgroundColor:l.colors.neutral50}:{},"next-page-hide":!0},n.createElement(a,null,n.createElement("div",{className:"inner","data-type":q,"next-page-hide":""},"main"===q?n.createElement(n.Fragment,null,n.createElement("a",{href:"/"},$?(null===(d=null==J?void 0:J.general)||void 0===d?void 0:d.logo)?n.createElement("amp-img",{src:null===(m=null==J?void 0:J.general)||void 0===m?void 0:m.logo,alt:"Site logo",width:"132",height:"32",style:{marginBottom:24}}):null:n.createElement("img",{loading:"lazy",className:"footer-logo lazy","data-src":null===(s=null==J?void 0:J.general)||void 0===s?void 0:s.logo,alt:"Logo","data-is-sehat":"id-ID"===R})),n.createElement("div",{className:"columns"},n.createElement("div",{className:"newsletter"},n.createElement(o,{size:"p1",type:"bold"},null===(g=null==J?void 0:J.general)||void 0===g?void 0:g.content),n.createElement(t,{className:"signupButton",color:"primary",size:"lg"},nn("footer.signUp")),n.createElement("div",{className:"social"},n.createElement(o,{size:"sm",type:"regular"},null===(x=null==J?void 0:J.social)||void 0===x?void 0:x.title),n.createElement("div",{className:"icons"},null===(u=null===(f=null==J?void 0:J.social)||void 0===f?void 0:f.socials)||void 0===u?void 0:u.map((function(e,t){return n.createElement("a",{key:t,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,href:e.url},$?n.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",width:"32",height:"32"}):n.createElement("img",{loading:"lazy","data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,"data-src":e.icon,alt:"Logo Social",className:"social-icon lazy"}))}))),n.createElement("hr",{className:"hrMobile"}))),n.createElement("div",null,en&&n.createElement(n.Fragment,null,n.createElement("div",{className:"biglinks"},null===(b=null===(h=en[0])||void 0===h?void 0:h.items)||void 0===b?void 0:b.map((function(e,t){return n.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(i[R]).concat(e.url),className:"bigLink",key:t,href:e.url},e.title)}))),n.createElement("hr",{className:"hrMobile"}),n.createElement("div",{className:"mHalf"},n.createElement(o,{type:"regular",size:"sm",className:"linkTitle"},null===(v=en[1])||void 0===v?void 0:v.menu_title),null===(E=null===(y=en[1])||void 0===y?void 0:y.items)||void 0===E?void 0:E.map((function(e,t){return n.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(i[R]).concat(e.url),className:"link",href:e.url,key:t},n.createElement(o,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:"https://".concat(i[R]).concat(e.url)},e.title))}))),n.createElement("div",{className:"mHalf"},n.createElement(o,{type:"regular",size:"sm",className:"linkTitle"},null===(C=en[2])||void 0===C?void 0:C.menu_title),null===(N=null===(z=en[2])||void 0===z?void 0:z.items)||void 0===N?void 0:N.map((function(e,t){return e.url&&n.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":e.url,className:"link",href:e.url,key:t},n.createElement(o,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:e.url},e.title))})))),!$&&n.createElement(n.Fragment,null,n.createElement("hr",{className:"hrMobile"}),n.createElement("div",{className:"otherSites"},n.createElement(o,{type:"regular",size:"sm",className:"linkTitle"},null===(F=null==J?void 0:J.branch)||void 0===F?void 0:F.title),n.createElement("div",{className:"flags"},null===(L=null===(j=null==J?void 0:J.branch)||void 0===j?void 0:j.branch)||void 0===L?void 0:L.map((function(e,t){return n.createElement("a",{className:"link",href:e.url,key:t,"data-event-category":"Footer","data-event-action":e.name,"data-event-label":e.url},n.createElement(k,{url:e.flag,isMobile:Q,dataEventCategory:"Footer",dataEventAction:e.name,dataEventLabel:e.url,isAmp:$}))}))))))),n.createElement("hr",null),n.createElement("div",{className:"copyright","data-is-amp":$||void 0},(null===(D=null==J?void 0:J.general)||void 0===D?void 0:D.verified)&&n.createElement("a",{href:null===(B=null===(M=null==J?void 0:J.general)||void 0===M?void 0:M.verified[0])||void 0===B?void 0:B.url,className:"copyright-image"},$?n.createElement("amp-img",{src:null===(H=null===(A=null==J?void 0:J.general)||void 0===A?void 0:A.verified[0])||void 0===H?void 0:H.image,alt:"DMCA Icon",width:"100",height:"36"}):n.createElement("img",{loading:"lazy",className:"lazy","data-src":null===(_=null===(U=null==J?void 0:J.general)||void 0===U?void 0:U.verified[0])||void 0===_?void 0:_.image,alt:"DMCA Icon"})),n.createElement(o,{size:"xs",type:"regular",className:"copyright-content"},null===(T=null==J?void 0:J.general)||void 0===T?void 0:T.copyright)),"vi-VN"===R&&n.createElement(o,{className:"copyright-certificate",size:"xs",type:"regular",color:"white"},"Giấy xác nhận cung cấp dịch vụ mạng xã hội trực tuyến số 529/GP-BTTTT, HN ngày 03/12/2019")):n.createElement(n.Fragment,null,(null==J?void 0:J.menu)&&n.createElement("div",{className:"columns"},n.createElement("div",{className:"mHalf"},n.createElement(o,{type:"regular",size:"sm",className:"linkTitle"},null===(S=null==J?void 0:J.menu[1])||void 0===S?void 0:S.menu_title),null===(V=null===(I=null==J?void 0:J.menu[1])||void 0===I?void 0:I.items)||void 0===V?void 0:V.map((function(e){return n.createElement("a",{className:"link",href:e.url,key:e.title,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Information","data-content-title":e.title,"data-content-id":"https://".concat(i[R]).concat(e.url),"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(i[R]).concat(e.url)},n.createElement(o,{dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:"https://".concat(i[R]).concat(e.url),size:"sm",type:"regular",style:{color:l.colors.gray800}},e.title))}))),n.createElement("div",{className:"mHalf"},n.createElement(o,{type:"regular",size:"sm",className:"linkTitle"},null===(Z=null==J?void 0:J.menu[2])||void 0===Z?void 0:Z.menu_title),null===(G=null===(Y=null==J?void 0:J.menu[2])||void 0===Y?void 0:Y.items)||void 0===G?void 0:G.map((function(e,t){return n.createElement("a",{className:"link",href:e.url,key:t,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Hello Health","data-content-title":e.title,"data-content-id":e.url,"data-event-category":"Footer","data-event-action":e.title,"data-event-label":e.url},n.createElement(o,{size:"sm",type:"regular",style:{color:l.colors.gray800},dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:e.url},e.title))}))),!$&&"mini"!==q&&n.createElement("hr",{className:"hrMobile"}),n.createElement("div",{className:"newsletter"},n.createElement("div",{className:"social"},n.createElement(o,{size:"sm",type:"regular"},null===(O=null==J?void 0:J.social)||void 0===O?void 0:O.title),n.createElement("div",{className:"icons"},null===(K=null===(X=null==J?void 0:J.social)||void 0===X?void 0:X.socials)||void 0===K?void 0:K.map((function(e,t){return n.createElement("a",{key:t,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,href:e.url},$?n.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",width:"32",height:"32"}):n.createElement("img",{loading:"lazy","data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,"data-src":e.icon,alt:"Logo Social",className:"social-icon lazy"}))}))))))))))};d.footer(z||(z=c(["\n  position: relative;\n  background: ",";\n\n  .inner {\n    padding: 64px 24px 98px 24px;\n    "," {\n      padding: 64px 0;\n    }\n    margin: 0 auto;\n    //max-width: 1168px;\n\n    &[data-type='mini'] {\n      padding: 0;\n    }\n  }\n\n  .footer-logo {\n    max-width: 132px;\n    margin-bottom: 24px;\n  }\n\n  .social {\n    margin-top: 24px;\n\n    "," {\n      margin-top: 32px;\n    }\n\n    p {\n      color: ",";\n    }\n  }\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n  }\n\n  .newsletter {\n    > p {\n      color: ",";\n\n      font-size: 14px;\n      line-height: 22px;\n\n      "," {\n        max-width: 380px;\n        font-size: 19px;\n        line-height: 28.5px;\n      }\n    }\n  }\n\n  hr {\n    height: 1px;\n    border: none;\n    margin: 16px 0 16px 0;\n    "," {\n      margin-top: 0px;\n    }\n    background: ",";\n    opacity: 0.1;\n    outline: none;\n  }\n\n  .hrMobile {\n    "," {\n      display: none;\n    }\n  }\n\n  .copyright {\n    padding-top: 8px;\n\n    "," {\n      display: flex;\n      flex-direction: row-reverse;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    p {\n      color: ",";\n    }\n\n    img {\n      max-width: 100px;\n      margin-bottom: 16px;\n\n      "," {\n        margin-bottom: 0px;\n      }\n    }\n\n    &[data-is-amp='true'] {\n      img {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .biglinks {\n    margin-bottom: 12px;\n  }\n\n  .bigLink {\n    display: block;\n    color: ",";\n    font-size: 19px;\n    font-weight: ",";\n    text-decoration: none;\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n\n    "," {\n      display: inline-block;\n      width: 50%;\n      font-size: 16px;\n    }\n  }\n\n  .mHalf {\n    display: inline-block;\n    width: 50%;\n    padding-right: 24px;\n    margin-bottom: 24px;\n    vertical-align: top;\n\n    p {\n      margin-bottom: 12px;\n      color: ",";\n    }\n\n    "," {\n      margin-bottom: 8px;\n    }\n  }\n\n  .otherSites {\n    p {\n      margin-bottom: 12px;\n      color: ",";\n    }\n\n    .flags {\n      display: flex;\n      margin-bottom: 8px;\n\n      div {\n        margin-right: 10px;\n      }\n    }\n  }\n\n  .link {\n    display: block;\n    text-decoration: none;\n\n    p {\n      color: ",";\n      font-weight: ",";\n    }\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n  }\n\n  .columns {\n    "," {\n      display: flex;\n      flex-direction: row;\n      width: 100%;\n\n      > div:nth-child(1) {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        flex-basis: 40%;\n      }\n\n      > div:nth-child(2) {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        flex-basis: 60%;\n\n        > div:nth-child(1) {\n          flex-basis: 45%;\n        }\n\n        > div {\n          flex-basis: 27.5%;\n        }\n\n        > div:last-child() {\n          flex-basis: 0;\n        }\n      }\n    }\n  }\n\n  .signupButton {\n    display: none;\n    border: none;\n    margin-top: 16px;\n    outline: none;\n    text-transform: uppercase;\n  }\n"],["\n  position: relative;\n  background: ",";\n\n  .inner {\n    padding: 64px 24px 98px 24px;\n    "," {\n      padding: 64px 0;\n    }\n    margin: 0 auto;\n    //max-width: 1168px;\n\n    &[data-type='mini'] {\n      padding: 0;\n    }\n  }\n\n  .footer-logo {\n    max-width: 132px;\n    margin-bottom: 24px;\n  }\n\n  .social {\n    margin-top: 24px;\n\n    "," {\n      margin-top: 32px;\n    }\n\n    p {\n      color: ",";\n    }\n  }\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n  }\n\n  .newsletter {\n    > p {\n      color: ",";\n\n      font-size: 14px;\n      line-height: 22px;\n\n      "," {\n        max-width: 380px;\n        font-size: 19px;\n        line-height: 28.5px;\n      }\n    }\n  }\n\n  hr {\n    height: 1px;\n    border: none;\n    margin: 16px 0 16px 0;\n    "," {\n      margin-top: 0px;\n    }\n    background: ",";\n    opacity: 0.1;\n    outline: none;\n  }\n\n  .hrMobile {\n    "," {\n      display: none;\n    }\n  }\n\n  .copyright {\n    padding-top: 8px;\n\n    "," {\n      display: flex;\n      flex-direction: row-reverse;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    p {\n      color: ",";\n    }\n\n    img {\n      max-width: 100px;\n      margin-bottom: 16px;\n\n      "," {\n        margin-bottom: 0px;\n      }\n    }\n\n    &[data-is-amp='true'] {\n      img {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .biglinks {\n    margin-bottom: 12px;\n  }\n\n  .bigLink {\n    display: block;\n    color: ",";\n    font-size: 19px;\n    font-weight: ",";\n    text-decoration: none;\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n\n    "," {\n      display: inline-block;\n      width: 50%;\n      font-size: 16px;\n    }\n  }\n\n  .mHalf {\n    display: inline-block;\n    width: 50%;\n    padding-right: 24px;\n    margin-bottom: 24px;\n    vertical-align: top;\n\n    p {\n      margin-bottom: 12px;\n      color: ",";\n    }\n\n    "," {\n      margin-bottom: 8px;\n    }\n  }\n\n  .otherSites {\n    p {\n      margin-bottom: 12px;\n      color: ",";\n    }\n\n    .flags {\n      display: flex;\n      margin-bottom: 8px;\n\n      div {\n        margin-right: 10px;\n      }\n    }\n  }\n\n  .link {\n    display: block;\n    text-decoration: none;\n\n    p {\n      color: ",";\n      font-weight: ",";\n    }\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n  }\n\n  .columns {\n    "," {\n      display: flex;\n      flex-direction: row;\n      width: 100%;\n\n      > div:nth-child(1) {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        flex-basis: 40%;\n      }\n\n      > div:nth-child(2) {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        flex-basis: 60%;\n\n        > div:nth-child(1) {\n          flex-basis: 45%;\n        }\n\n        > div {\n          flex-basis: 27.5%;\n        }\n\n        > div:last-child() {\n          flex-basis: 0;\n        }\n      }\n    }\n  }\n\n  .signupButton {\n    display: none;\n    border: none;\n    margin-top: 16px;\n    outline: none;\n    text-transform: uppercase;\n  }\n"])),(function(n){return n.theme.mbColors.lightGray}),s.mbDown,s.mbDown,(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.neutral500}),s.mbUp,s.mbDown,(function(n){return n.theme.colors.neutral500}),s.mbUp,s.mbUp,(function(n){return n.theme.colors.white}),s.mbUp,(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),s.mbDown,(function(n){return n.theme.colors.neutral500}),s.mbDown,(function(n){return n.theme.colors.neutral500}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),s.mbUp);var z,N,F,j,L,D,M,B,A=d.div(N||(N=c([""],[""]))),H=d.div(F||(F=c(["\n  position: relative;\n  overflow: hidden;\n  padding: 40px 40px 100px 40px;\n\n  .icons-links {\n    position: relative;\n    display: flex;\n    justify-content: space-between;\n  }\n"],["\n  position: relative;\n  overflow: hidden;\n  padding: 40px 40px 100px 40px;\n\n  .icons-links {\n    position: relative;\n    display: flex;\n    justify-content: space-between;\n  }\n"]))),U=d.div(j||(j=c(["\n  position: relative;\n  margin: 80px 0 0;\n\n  "," {\n    margin-top: 0px;\n    overflow: hidden;\n    &:before {\n      position: absolute;\n      top: 0;\n      left: 50%;\n      display: block;\n      width: 150%;\n      height: 100%;\n      background-color: #f3f3f3;\n      content: '';\n      transform: translateX(-50%);\n      border-radius: 100% 100% 0 0 / 30% 30%;\n    }\n  }\n"],["\n  position: relative;\n  margin: 80px 0 0;\n\n  "," {\n    margin-top: 0px;\n    overflow: hidden;\n    &:before {\n      position: absolute;\n      top: 0;\n      left: 50%;\n      display: block;\n      width: 150%;\n      height: 100%;\n      background-color: #f3f3f3;\n      content: '';\n      transform: translateX(-50%);\n      border-radius: 100% 100% 0 0 / 30% 30%;\n    }\n  }\n"])),s.mbDown),_=d.div(L||(L=c(["\n  position: relative;\n  padding: 0 16px;\n\n  "," {\n    padding: 48px 8px 0;\n  }\n\n  & .grid {\n    display: flex;\n    flex-wrap: wrap;\n    margin: -8px;\n\n    & > * {\n      display: inline-block;\n      flex: 0 0 25%;\n      padding: 8px;\n      color: ",";\n      text-decoration: none;\n    }\n\n    "," {\n      & > * {\n        flex: 0 0 100%;\n        text-align: center;\n      }\n    }\n  }\n\n  & .social-wrapper {\n    margin-left: auto;\n  }\n\n  & .social {\n    "," {\n      & .icons-links {\n        margin-top: 16px;\n\n        & > a:not(:first-child) {\n          margin-left: 10%;\n        }\n\n        & > a {\n          text-decoration: none;\n        }\n      }\n    }\n\n    "," {\n      width: 100%;\n      display: flex;\n      background: #fff;\n      box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.05);\n      border-radius: 8px;\n      padding: 20px 16px;\n      align-items: center;\n      max-width: 400px;\n      margin: 32px auto 0px;\n\n      & > p {\n        font-size: 12px;\n        line-height: 20px;\n      }\n\n      & .icons-links {\n        margin-left: 8%;\n        flex: 1;\n        display: inline-flex;\n        justify-content: space-between;\n      }\n    }\n\n    & .icons-links {\n      & > a {\n        & > img {\n          width: 24px;\n          object-fit: contain;\n        }\n      }\n    }\n  }\n"],["\n  position: relative;\n  padding: 0 16px;\n\n  "," {\n    padding: 48px 8px 0;\n  }\n\n  & .grid {\n    display: flex;\n    flex-wrap: wrap;\n    margin: -8px;\n\n    & > * {\n      display: inline-block;\n      flex: 0 0 25%;\n      padding: 8px;\n      color: ",";\n      text-decoration: none;\n    }\n\n    "," {\n      & > * {\n        flex: 0 0 100%;\n        text-align: center;\n      }\n    }\n  }\n\n  & .social-wrapper {\n    margin-left: auto;\n  }\n\n  & .social {\n    "," {\n      & .icons-links {\n        margin-top: 16px;\n\n        & > a:not(:first-child) {\n          margin-left: 10%;\n        }\n\n        & > a {\n          text-decoration: none;\n        }\n      }\n    }\n\n    "," {\n      width: 100%;\n      display: flex;\n      background: #fff;\n      box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.05);\n      border-radius: 8px;\n      padding: 20px 16px;\n      align-items: center;\n      max-width: 400px;\n      margin: 32px auto 0px;\n\n      & > p {\n        font-size: 12px;\n        line-height: 20px;\n      }\n\n      & .icons-links {\n        margin-left: 8%;\n        flex: 1;\n        display: inline-flex;\n        justify-content: space-between;\n      }\n    }\n\n    & .icons-links {\n      & > a {\n        & > img {\n          width: 24px;\n          object-fit: contain;\n        }\n      }\n    }\n  }\n"])),s.mbDown,(function(n){return n.theme.colors.gray800}),s.mbDown,s.mbUp,s.mbDown),T=d.div(D||(D=c(["\n  position: relative;\n\n  "," {\n    margin: 80px 0 0;\n    overflow: hidden;\n    &:before {\n      position: absolute;\n      top: 0;\n      left: 50%;\n      display: block;\n      width: 150%;\n      height: 100%;\n      background-color: #f3f3f3;\n      border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n      content: '';\n      transform: translateX(-50%);\n    }\n  }\n\n  "," {\n    background-color: #f3f3f3;\n  }\n"],["\n  position: relative;\n\n  "," {\n    margin: 80px 0 0;\n    overflow: hidden;\n    &:before {\n      position: absolute;\n      top: 0;\n      left: 50%;\n      display: block;\n      width: 150%;\n      height: 100%;\n      background-color: #f3f3f3;\n      border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n      content: '';\n      transform: translateX(-50%);\n    }\n  }\n\n  "," {\n    background-color: #f3f3f3;\n  }\n"])),s.mbUp,s.mbDown),S=d.div(M||(M=c(["\n  position: relative;\n  padding: 64px 16px 154px;\n  text-align: center;\n\n  "," {\n    padding: 48px 8px 32px;\n  }\n\n  & .company-name {\n    margin-top: 24px;\n  }\n\n  .logo {\n    justify-content: center;\n  }\n\n  & .text-info {\n    margin-top: 8px;\n    > p {\n      margin-bottom: 8px;\n    }\n    "," {\n      text-align: left;\n      margin-top: 16px;\n    }\n  }\n\n  & .img-container {\n    display: flex;\n    max-width: 176px;\n    height: 24px;\n    justify-content: space-between;\n    margin: 24px auto 0;\n\n    "," {\n      height: 32px;\n      max-width: unset;\n      justify-content: space-around;\n    }\n\n    img {\n      width: unset;\n      height: 100%;\n      object-fit: contain;\n    }\n  }\n\n  & > hr {\n    border-color: ",";\n    margin: 64px 0 18px;\n    opacity: 0.1;\n  }\n\n  & .language-and-copyright {\n    display: flex;\n    justify-content: center;\n\n    "," {\n      margin-top: 60px;\n    }\n\n    & #footer-language-select {\n      width: 100%;\n      max-width: 114px;\n\n      &[data-dropdown-open='true'] > div:after {\n        transform: translateY(-60%) rotateZ(-180deg);\n      }\n\n      "," {\n        order: 1;\n      }\n\n      & > div {\n        padding: 0;\n\n        & > div > svg {\n          max-width: 22px;\n          margin-right: 8px;\n          transform: translateY(1px);\n        }\n\n        & > span {\n          font-size: 12px;\n          letter-spacing: -0.2px;\n          line-height: 24px;\n        }\n      }\n\n      & > ul[data-has-icons='true'] {\n        width: 158px;\n        max-width: 158px;\n        border: none;\n        border-radius: 4px;\n        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);\n\n        "," {\n          margin-top: 0;\n          left: unset;\n          right: 0;\n          top: unset;\n          bottom: 32px;\n        }\n\n        & li {\n          font-size: 12px;\n          letter-spacing: -0.2px;\n          line-height: 24px;\n\n          & > div {\n            max-width: 22px;\n            & svg {\n              width: 22px;\n              max-width: 22px;\n              transform: translateY(3px);\n            }\n          }\n        }\n      }\n    }\n\n    & > p {\n      color: ",";\n    }\n  }\n"],["\n  position: relative;\n  padding: 64px 16px 154px;\n  text-align: center;\n\n  "," {\n    padding: 48px 8px 32px;\n  }\n\n  & .company-name {\n    margin-top: 24px;\n  }\n\n  .logo {\n    justify-content: center;\n  }\n\n  & .text-info {\n    margin-top: 8px;\n    > p {\n      margin-bottom: 8px;\n    }\n    "," {\n      text-align: left;\n      margin-top: 16px;\n    }\n  }\n\n  & .img-container {\n    display: flex;\n    max-width: 176px;\n    height: 24px;\n    justify-content: space-between;\n    margin: 24px auto 0;\n\n    "," {\n      height: 32px;\n      max-width: unset;\n      justify-content: space-around;\n    }\n\n    img {\n      width: unset;\n      height: 100%;\n      object-fit: contain;\n    }\n  }\n\n  & > hr {\n    border-color: ",";\n    margin: 64px 0 18px;\n    opacity: 0.1;\n  }\n\n  & .language-and-copyright {\n    display: flex;\n    justify-content: center;\n\n    "," {\n      margin-top: 60px;\n    }\n\n    & #footer-language-select {\n      width: 100%;\n      max-width: 114px;\n\n      &[data-dropdown-open='true'] > div:after {\n        transform: translateY(-60%) rotateZ(-180deg);\n      }\n\n      "," {\n        order: 1;\n      }\n\n      & > div {\n        padding: 0;\n\n        & > div > svg {\n          max-width: 22px;\n          margin-right: 8px;\n          transform: translateY(1px);\n        }\n\n        & > span {\n          font-size: 12px;\n          letter-spacing: -0.2px;\n          line-height: 24px;\n        }\n      }\n\n      & > ul[data-has-icons='true'] {\n        width: 158px;\n        max-width: 158px;\n        border: none;\n        border-radius: 4px;\n        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);\n\n        "," {\n          margin-top: 0;\n          left: unset;\n          right: 0;\n          top: unset;\n          bottom: 32px;\n        }\n\n        & li {\n          font-size: 12px;\n          letter-spacing: -0.2px;\n          line-height: 24px;\n\n          & > div {\n            max-width: 22px;\n            & svg {\n              width: 22px;\n              max-width: 22px;\n              transform: translateY(3px);\n            }\n          }\n        }\n      }\n    }\n\n    & > p {\n      color: ",";\n    }\n  }\n"])),s.mbDown,s.mbDown,s.mbDown,(function(n){return n.theme.mbColors.midGray}),s.mbDown,s.mbDown,s.mbDown,(function(n){return n.theme.mbColors.midGray})),I=d.div(B||(B=c(["\n  position: absolute;\n  top: 0;\n  right: -50%;\n  width: 400px;\n  height: 400px;\n  background-color: #f2fcf7;\n  border-radius: 50%;\n"],["\n  position: absolute;\n  top: 0;\n  right: -50%;\n  width: 400px;\n  height: 400px;\n  background-color: #f2fcf7;\n  border-radius: 50%;\n"]))),V={SOCIAL_LINKS:{facebookLink:"https://www.facebook.com/marry.baby.vn",instagramLink:"https://www.instagram.com/marrybaby.vn",zaloLink:"http://zalo.me/806483414530291942",youtubeLink:"https://www.youtube.com/user/marrybabyvn"}},Z=function(e){var t,o=e.socialLinks,i=void 0===o?V.SOCIAL_LINKS:o,p=i.facebookLink,c=i.instagramLink,s=i.zaloLink,d=i.youtubeLink,v=e.copyrightText,y=e.logoType,w=void 0===y?"marryBaby":y,E=e.isMobile,k=e.footerMenu,C=void 0===k?[]:k,z=e.type,N=void 0===z?"main":z,F=r().t;return"main"===N?n.createElement(A,{className:"footer-container"},!E&&n.createElement("div",{className:"footer-divider"},n.createElement(a,{type:"marryBaby"},n.createElement(u,{style:{padding:"0 16px"},type:"solid"}))),n.createElement(U,null,n.createElement(a,{type:"marryBaby"},n.createElement(_,null,n.createElement("div",{className:"grid"},null===(t=E?null==C?void 0:C.slice(0,6):C)||void 0===t?void 0:t.map((function(e,t){var a=e.title,o=e.link;return n.createElement("a",{"data-event-category":"Footer","data-event-action":a,"data-event-label":"".concat(o),className:"link",href:o,key:"footer-links-".concat(t)},n.createElement(b,{color:l.colors.gray800,type:"subtitle-2"},a))})),n.createElement("div",{className:"social-wrapper"},n.createElement("div",{className:"social"},n.createElement(b,{type:"subtitle-2"},F("footer.followUsText")),n.createElement("div",{className:"icons-links"},p&&n.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":p,href:p},n.createElement("img",{src:m,alt:"Facebook"})),d&&n.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":d,href:d},n.createElement("img",{src:g,alt:"Youtube"})),c&&n.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":c,href:c},n.createElement("img",{src:x,alt:"Instagram"})),s&&n.createElement("a",{target:"_blank",rel:"noreferrer",href:s,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":s},n.createElement("img",{src:f,alt:"Zalo"}))))))))),n.createElement(T,null,n.createElement(a,{type:"marryBaby"},n.createElement(S,null,n.createElement(h,{className:"logo",type:w,width:"121px"}),n.createElement(b,{className:"company-name",type:"subtitle-2"},F("footer.info.companyName")),n.createElement("div",{className:"text-info"},n.createElement(b,{type:"bodytext-3"},F("footer.info.address")),n.createElement(b,{type:"bodytext-3"},F("footer.info.license")),n.createElement(b,{type:"bodytext-3"},F("footer.info.email"))),n.createElement("div",{className:"img-container"},n.createElement("img",{src:"/images/dmca_protected.png",alt:"DMCA protected"}),n.createElement("a",{href:"http://online.gov.vn/Home/WebDetails/25055?AspxAutoDetectCookieSupport=1",target:"_blank",rel:"noreferrer"},n.createElement("img",{src:"/images/mit_registered.png",alt:"MIT registered"}))),!E&&n.createElement(u,{type:"solid"}),n.createElement("div",{className:"language-and-copyright"},n.createElement(b,{type:"bodytext-3"},v)))))):n.createElement(H,null,n.createElement(I,null),n.createElement(b,{type:"subtitle-3",style:{marginBottom:24,textTransform:"uppercase",fontWeight:l.sizes.fwSemiBold},color:l.mbColors.midGray},F("footer.followUsText")),n.createElement("div",{className:"icons-links"},p&&n.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":p,href:p},n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.createElement("path",{d:"M21 5.75V18.25C21 19.765 19.765 21 18.25 21H15.5V14H17.31C17.565 14 17.78 13.81 17.81 13.56L17.995 12.06C18.015 11.92 17.97 11.775 17.875 11.67C17.78 11.56 17.645 11.5 17.5 11.5H15.5V9.75C15.5 9.2 15.95 8.75 16.5 8.75H17.5C17.775 8.75 18 8.525 18 8.25V6.56C18 6.305 17.8 6.09 17.545 6.065C17.515 6.06 16.81 6 15.915 6C13.715 6 12.5 7.31 12.5 9.685V11.5H10.5C10.225 11.5 10 11.725 10 12V13.5C10 13.775 10.225 14 10.5 14H12.5V21H5.75C4.235 21 3 19.765 3 18.25V5.75C3 4.235 4.235 3 5.75 3H18.25C19.765 3 21 4.235 21 5.75Z",fill:"url(#paint0_linear)"}),n.createElement("defs",null,n.createElement("linearGradient",{id:"paint0_linear",x1:"12",y1:"3",x2:"12",y2:"21",gradientUnits:"userSpaceOnUse"},n.createElement("stop",{stopColor:"#4DABF7"}),n.createElement("stop",{offset:"1",stopColor:"#2668DA"}))))),d&&n.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":d,href:d},n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.createElement("path",{d:"M11.9287 4.25C8.75236 4.25 5.80117 4.47631 4.11719 4.82812C4.1136 4.82907 4.11002 4.83005 4.10645 4.83105C2.83774 5.11535 1.64309 6.02412 1.3916 7.44727L1.39062 7.45312C1.19742 8.60013 1 10.0953 1 12.25C1 14.4006 1.1981 15.8562 1.44238 17.0635C1.70004 18.4446 2.86711 19.3809 4.15527 19.6689C4.16144 19.6707 4.16762 19.6723 4.17383 19.6738C5.93135 20.0201 8.79923 20.25 11.9756 20.25C15.1519 20.25 18.0213 20.0201 19.7793 19.6738C19.7855 19.6723 19.7917 19.6707 19.7979 19.6689C21.0666 19.3847 22.2612 18.4759 22.5127 17.0527C22.5134 17.0492 22.514 17.0456 22.5146 17.042C22.7049 15.8716 22.9514 14.3778 23 12.2197C23.0001 12.2142 23.0001 12.2087 23 12.2031C23 10.0438 22.7529 8.53934 22.5117 7.34766C22.2561 5.96354 21.0877 5.02474 19.7979 4.73633C19.7781 4.73195 19.7583 4.72836 19.7383 4.72559C18.0232 4.48448 15.1056 4.25 11.9287 4.25ZM10.0781 8.50098C10.2633 8.49715 10.4548 8.54095 10.6348 8.64258L14.9365 11.0732C15.662 11.4832 15.662 12.5177 14.9365 12.9277L10.6348 15.3584C9.91527 15.7644 9.01855 15.2502 9.01855 14.4307V9.56934C9.01855 8.95471 9.52252 8.51246 10.0781 8.50098Z",fill:"#EB3223"}))),c&&n.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":c,href:c},n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.createElement("path",{d:"M8.25 2.5C5.08319 2.5 2.5 5.08319 2.5 8.25V15.75C2.5 18.9164 5.0831 21.5 8.25 21.5H15.75C18.9165 21.5 21.5 18.9165 21.5 15.75V8.25C21.5 5.0831 18.9164 2.5 15.75 2.5H8.25ZM8.25 4H15.75C18.1056 4 20 5.8939 20 8.25V15.75C20 18.1055 18.1055 20 15.75 20H8.25C5.8939 20 4 18.1056 4 15.75V8.25C4 5.89381 5.89381 4 8.25 4ZM17 6C16.4475 6 16 6.4475 16 7C16 7.5525 16.4475 8 17 8C17.5525 8 18 7.5525 18 7C18 6.4475 17.5525 6 17 6ZM12 7C9.24759 7 7 9.24759 7 12C7 14.7524 9.24759 17 12 17C14.7524 17 17 14.7524 17 12C17 9.24759 14.7524 7 12 7ZM12 8.5C13.9416 8.5 15.5 10.0584 15.5 12C15.5 13.9416 13.9416 15.5 12 15.5C10.0584 15.5 8.5 13.9416 8.5 12C8.5 10.0584 10.0584 8.5 12 8.5Z",fill:"url(#paint0_radial)"}),n.createElement("defs",null,n.createElement("radialGradient",{id:"paint0_radial",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(0.499995 26) rotate(-47.9508) scale(34.3402 30.014)"},n.createElement("stop",{offset:"0.073",stopColor:"#EACC7B"}),n.createElement("stop",{offset:"0.184",stopColor:"#ECAA59"}),n.createElement("stop",{offset:"0.307",stopColor:"#EF802E"}),n.createElement("stop",{offset:"0.358",stopColor:"#EF6D3A"}),n.createElement("stop",{offset:"0.46",stopColor:"#F04B50"}),n.createElement("stop",{offset:"0.516",stopColor:"#F03E58"}),n.createElement("stop",{offset:"0.689",stopColor:"#DB359E"}),n.createElement("stop",{offset:"0.724",stopColor:"#CE37A4"}),n.createElement("stop",{offset:"0.789",stopColor:"#AC3CB4"}),n.createElement("stop",{offset:"0.877",stopColor:"#7544CF"}),n.createElement("stop",{offset:"0.98",stopColor:"#2B4FF2"}))))),s&&n.createElement("a",{target:"_blank",rel:"noreferrer",href:s,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":s},n.createElement("div",{style:{height:24,width:24}},n.createElement("img",{src:"/icons/zalo.png",alt:"Zalo"})))))},Y=function(e){var t=e.type,a=e.isMobile,o=void 0===a||a,i=e.locale,l=e.footerInfo,r=e.isAmp;return"helloSites"===e.siteType?n.createElement(C,{isAmp:r,isMobile:o,type:t,locale:i,footerInfo:l||{}}):n.createElement(Z,{isMobile:o,locale:i,footerMenu:l||[],copyrightText:"© 2022 MarryBaby.vn",socialLinks:e.marryBabySocialLinks,type:t})};export{Y as Footer};
+import n,{useEffect as e}from"react";import{Button as t}from"./button.js";import{Container as o}from"./container.js";import{Text as a}from"./text.js";import{d as i}from"../constants-3be6f6a9.js";import{t as l}from"../theme-a50a1aa5.js";import{u as r}from"../useTranslations-d9bcdd4c.js";import{l as p}from"../lazyLoad-751c35bd.js";import{_ as c}from"../tslib.es6-95636cf4.js";import{M as s}from"../utils-432904d8.js";import d from"styled-components";import{F as m,Y as g,I as x,Z as f}from"../zalo-d903a989.js";import{Divider as u}from"./divider.js";import{Logo as h}from"./logo.js";import{MarryBabyText as b}from"./marryBabyText.js";import"../translationsContext-873337b8.js";import"../_commonjsHelpers-406f2e34.js";var v,y,w=d.footer(v||(v=c(["\n  background-color: #1b3250;\n\n  .inner {\n    padding: 64px 24px 98px 24px;\n    "," {\n      padding: 64px 0;\n    }\n    margin: 0 auto;\n    //max-width: 1168px;\n\n    &[data-type='mini'] {\n      padding: 24px 0;\n    }\n  }\n\n  .footer-logo {\n    max-width: 132px;\n    max-height: 32px;\n    margin-bottom: 24px;\n    &[data-is-sehat='true'] {\n      max-width: 250px;\n    }\n\n    img {\n      object-fit: contain;\n    }\n  }\n\n  .social {\n    margin-top: 24px;\n\n    "," {\n      margin-top: 32px;\n      p {\n        font-size: 13px;\n      }\n    }\n\n    "," {\n      p {\n        font-size: 12px;\n      }\n    }\n\n    p {\n      color: ",";\n    }\n  }\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n\n    .social-icon {\n      width: 32px;\n      height: 32px;\n    }\n  }\n\n  .newsletter {\n    > p {\n      color: ",";\n\n      font-size: 14px;\n      line-height: 22px;\n\n      "," {\n        max-width: 380px;\n        line-height: 28.5px;\n      }\n    }\n  }\n\n  hr {\n    height: 1px;\n    border: none;\n    margin: 16px 0 16px 0;\n    "," {\n      margin-top: 0px;\n    }\n    background: ",";\n    opacity: 0.1;\n    outline: none;\n  }\n\n  .hrMobile {\n    "," {\n      display: none;\n    }\n  }\n\n  .copyright {\n    padding-top: 8px;\n\n    "," {\n      display: flex;\n      flex-direction: row-reverse;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .copyright-content {\n      width: 90%;\n      color: ",";\n      font-size: 12px;\n    }\n\n    .copyright-image {\n      width: 10%;\n      align-self: flex-start;\n\n      img {\n        max-width: 100px;\n        margin-bottom: 16px;\n\n        "," {\n          margin-bottom: 0px;\n        }\n      }\n    }\n\n    &[data-is-amp='true'] {\n      img {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .copyright-certificate {\n    color: ",";\n    "," {\n      font-size: 11px;\n    }\n    "," {\n      font-size: 12px;\n    }\n  }\n\n  .biglinks {\n    margin-bottom: 12px;\n  }\n\n  .bigLink {\n    display: block;\n    color: ",";\n    font-size: 14px;\n    font-weight: ",";\n    text-decoration: none;\n    word-break: break-word;\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n\n    "," {\n      display: inline-block;\n      width: 50%;\n      font-size: 16px;\n    }\n  }\n\n  .mHalf {\n    display: inline-block;\n    width: 50%;\n    padding-right: 24px;\n    margin-bottom: 24px;\n    vertical-align: top;\n\n    p {\n      color: ",";\n\n      "," {\n        margin-bottom: 8px;\n        font-size: 13px;\n        line-height: 20px;\n      }\n      "," {\n        margin-bottom: 12px;\n        font-size: 14px;\n      }\n    }\n  }\n\n  .otherSites {\n    p {\n      margin-bottom: 12px;\n      color: ",";\n      font-size: 12px;\n      "," {\n        font-size: 13px;\n      }\n      "," {\n        font-size: 13px;\n      }\n    }\n\n    .flags {\n      display: flex;\n      margin-bottom: 8px;\n\n      div {\n        margin-right: 10px;\n      }\n    }\n  }\n\n  .link {\n    display: block;\n    text-decoration: none;\n\n    p {\n      color: ",";\n      font-weight: ",";\n      word-break: break-word;\n    }\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n  }\n\n  .columns {\n    "," {\n      display: flex;\n      flex-direction: row;\n      width: 100%;\n\n      > div:nth-child(1) {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        flex-basis: 40%;\n      }\n\n      > div:nth-child(2) {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        flex-basis: 60%;\n\n        > div:nth-child(1) {\n          flex-basis: 45%;\n        }\n\n        > div:not(:last-child) {\n          flex-basis: 27.5%;\n        }\n\n        > div:last-child() {\n          flex-basis: 0;\n        }\n      }\n    }\n  }\n\n  .signupButton {\n    display: none;\n    border: none;\n    margin-top: 16px;\n    outline: none;\n    text-transform: uppercase;\n  }\n"],["\n  background-color: #1b3250;\n\n  .inner {\n    padding: 64px 24px 98px 24px;\n    "," {\n      padding: 64px 0;\n    }\n    margin: 0 auto;\n    //max-width: 1168px;\n\n    &[data-type='mini'] {\n      padding: 24px 0;\n    }\n  }\n\n  .footer-logo {\n    max-width: 132px;\n    max-height: 32px;\n    margin-bottom: 24px;\n    &[data-is-sehat='true'] {\n      max-width: 250px;\n    }\n\n    img {\n      object-fit: contain;\n    }\n  }\n\n  .social {\n    margin-top: 24px;\n\n    "," {\n      margin-top: 32px;\n      p {\n        font-size: 13px;\n      }\n    }\n\n    "," {\n      p {\n        font-size: 12px;\n      }\n    }\n\n    p {\n      color: ",";\n    }\n  }\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n\n    .social-icon {\n      width: 32px;\n      height: 32px;\n    }\n  }\n\n  .newsletter {\n    > p {\n      color: ",";\n\n      font-size: 14px;\n      line-height: 22px;\n\n      "," {\n        max-width: 380px;\n        line-height: 28.5px;\n      }\n    }\n  }\n\n  hr {\n    height: 1px;\n    border: none;\n    margin: 16px 0 16px 0;\n    "," {\n      margin-top: 0px;\n    }\n    background: ",";\n    opacity: 0.1;\n    outline: none;\n  }\n\n  .hrMobile {\n    "," {\n      display: none;\n    }\n  }\n\n  .copyright {\n    padding-top: 8px;\n\n    "," {\n      display: flex;\n      flex-direction: row-reverse;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .copyright-content {\n      width: 90%;\n      color: ",";\n      font-size: 12px;\n    }\n\n    .copyright-image {\n      width: 10%;\n      align-self: flex-start;\n\n      img {\n        max-width: 100px;\n        margin-bottom: 16px;\n\n        "," {\n          margin-bottom: 0px;\n        }\n      }\n    }\n\n    &[data-is-amp='true'] {\n      img {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .copyright-certificate {\n    color: ",";\n    "," {\n      font-size: 11px;\n    }\n    "," {\n      font-size: 12px;\n    }\n  }\n\n  .biglinks {\n    margin-bottom: 12px;\n  }\n\n  .bigLink {\n    display: block;\n    color: ",";\n    font-size: 14px;\n    font-weight: ",";\n    text-decoration: none;\n    word-break: break-word;\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n\n    "," {\n      display: inline-block;\n      width: 50%;\n      font-size: 16px;\n    }\n  }\n\n  .mHalf {\n    display: inline-block;\n    width: 50%;\n    padding-right: 24px;\n    margin-bottom: 24px;\n    vertical-align: top;\n\n    p {\n      color: ",";\n\n      "," {\n        margin-bottom: 8px;\n        font-size: 13px;\n        line-height: 20px;\n      }\n      "," {\n        margin-bottom: 12px;\n        font-size: 14px;\n      }\n    }\n  }\n\n  .otherSites {\n    p {\n      margin-bottom: 12px;\n      color: ",";\n      font-size: 12px;\n      "," {\n        font-size: 13px;\n      }\n      "," {\n        font-size: 13px;\n      }\n    }\n\n    .flags {\n      display: flex;\n      margin-bottom: 8px;\n\n      div {\n        margin-right: 10px;\n      }\n    }\n  }\n\n  .link {\n    display: block;\n    text-decoration: none;\n\n    p {\n      color: ",";\n      font-weight: ",";\n      word-break: break-word;\n    }\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n  }\n\n  .columns {\n    "," {\n      display: flex;\n      flex-direction: row;\n      width: 100%;\n\n      > div:nth-child(1) {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        flex-basis: 40%;\n      }\n\n      > div:nth-child(2) {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        flex-basis: 60%;\n\n        > div:nth-child(1) {\n          flex-basis: 45%;\n        }\n\n        > div:not(:last-child) {\n          flex-basis: 27.5%;\n        }\n\n        > div:last-child() {\n          flex-basis: 0;\n        }\n      }\n    }\n  }\n\n  .signupButton {\n    display: none;\n    border: none;\n    margin-top: 16px;\n    outline: none;\n    text-transform: uppercase;\n  }\n"])),s.mbDown,s.mbDown,s.mbUp,(function(n){return n.theme.colors.neutral500}),(function(n){return n.theme.colors.neutral500}),s.mbUp,s.mbDown,(function(n){return n.theme.colors.neutral500}),s.mbUp,s.mbUp,(function(n){return n.theme.colors.neutral500}),s.mbUp,(function(n){return n.theme.colors.neutral500}),s.mbDown,s.mbUp,(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),s.mbDown,(function(n){return n.theme.colors.neutral500}),s.mbDown,s.mbUp,(function(n){return n.theme.colors.neutral500}),s.mbDown,s.mbUp,(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),s.mbUp),E=d.div(y||(y=c(["\n  width: 32px;\n  height: 32px;\n  margin-right: 10px;\n\n  &[data-is-mobile='true'] {\n    width: 24px;\n    height: 24px;\n  }\n\n  .country-flag {\n    width: 100%;\n    height: 100%;\n  }\n"],["\n  width: 32px;\n  height: 32px;\n  margin-right: 10px;\n\n  &[data-is-mobile='true'] {\n    width: 24px;\n    height: 24px;\n  }\n\n  .country-flag {\n    width: 100%;\n    height: 100%;\n  }\n"]))),k=function(e){var t=e.url,o=e.isMobile,a=e.dataEventCategory,i=e.dataEventAction,l=e.dataEventLabel,r=e.isAmp;return n.createElement(E,{"data-is-mobile":o},r?n.createElement("amp-img",{className:"country-flag",src:t,alt:"Country Flag","data-event-category":a,"data-event-action":i,"data-content-label":l}):n.createElement("img",{loading:"lazy",className:"country-flag lazy","data-src":t,alt:"Country Flag","data-event-category":a,"data-event-action":i,"data-content-label":l}))},C=function(c){var s,d,m,g,x,f,u,h,b,v,y,E,C,z,N,F,j,L,D,M,B,A,H,U,_,T,S,I,Z,V,Y,G,O,X,K,W=c.className,P=c.type,q=void 0===P?"main":P,J=c.footerInfo,Q=c.isMobile,R=c.locale,$=c.isAmp,nn=r().t,en=null==J?void 0:J.menu;return e((function(){setTimeout((function(){return null==p?void 0:p.update()}),100)}),[]),n.createElement(w,{as:$&&"mini"===q?"div":"footer",className:W,style:"mini"===q?{backgroundColor:l.colors.neutral50}:{},"next-page-hide":!0},n.createElement(o,null,n.createElement("div",{className:"inner","data-type":q,"next-page-hide":""},"main"===q?n.createElement(n.Fragment,null,n.createElement("a",{href:"/"},$?(null===(d=null==J?void 0:J.general)||void 0===d?void 0:d.logo)?n.createElement("amp-img",{src:null===(m=null==J?void 0:J.general)||void 0===m?void 0:m.logo,alt:"Site logo",width:"132",height:"32",style:{marginBottom:24}}):null:n.createElement("img",{loading:"lazy",className:"footer-logo lazy","data-src":null===(s=null==J?void 0:J.general)||void 0===s?void 0:s.logo,alt:"Logo","data-is-sehat":"id-ID"===R})),n.createElement("div",{className:"columns"},n.createElement("div",{className:"newsletter"},n.createElement(a,{size:"p1",type:"bold"},null===(g=null==J?void 0:J.general)||void 0===g?void 0:g.content),n.createElement(t,{className:"signupButton",color:"primary",size:"lg"},nn("footer.signUp")),n.createElement("div",{className:"social"},n.createElement(a,{size:"sm",type:"regular"},null===(x=null==J?void 0:J.social)||void 0===x?void 0:x.title),n.createElement("div",{className:"icons"},null===(u=null===(f=null==J?void 0:J.social)||void 0===f?void 0:f.socials)||void 0===u?void 0:u.map((function(e,t){return n.createElement("a",{key:t,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,href:e.url},$?n.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",width:"32",height:"32"}):n.createElement("img",{loading:"lazy","data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,"data-src":e.icon,alt:"Logo Social",className:"social-icon lazy"}))}))),n.createElement("hr",{className:"hrMobile"}))),n.createElement("div",null,en&&n.createElement(n.Fragment,null,n.createElement("div",{className:"biglinks"},null===(b=null===(h=en[0])||void 0===h?void 0:h.items)||void 0===b?void 0:b.map((function(e,t){return n.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(i[R]).concat(e.url),className:"bigLink",key:t,href:e.url},e.title)}))),n.createElement("hr",{className:"hrMobile"}),n.createElement("div",{className:"mHalf"},n.createElement(a,{type:"regular",size:"sm",className:"linkTitle"},null===(v=en[1])||void 0===v?void 0:v.menu_title),null===(E=null===(y=en[1])||void 0===y?void 0:y.items)||void 0===E?void 0:E.map((function(e,t){return n.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(i[R]).concat(e.url),className:"link",href:e.url,key:t},n.createElement(a,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:"https://".concat(i[R]).concat(e.url)},e.title))}))),n.createElement("div",{className:"mHalf"},n.createElement(a,{type:"regular",size:"sm",className:"linkTitle"},null===(C=en[2])||void 0===C?void 0:C.menu_title),null===(N=null===(z=en[2])||void 0===z?void 0:z.items)||void 0===N?void 0:N.map((function(e,t){return e.url&&n.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":e.url,className:"link",href:e.url,key:t},n.createElement(a,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:e.url},e.title))})))),!$&&n.createElement(n.Fragment,null,n.createElement("hr",{className:"hrMobile"}),n.createElement("div",{className:"otherSites"},n.createElement(a,{type:"regular",size:"sm",className:"linkTitle"},null===(F=null==J?void 0:J.branch)||void 0===F?void 0:F.title),n.createElement("div",{className:"flags"},null===(L=null===(j=null==J?void 0:J.branch)||void 0===j?void 0:j.branch)||void 0===L?void 0:L.map((function(e,t){return n.createElement("a",{className:"link",href:e.url,key:t,"data-event-category":"Footer","data-event-action":e.name,"data-event-label":e.url},n.createElement(k,{url:e.flag,isMobile:Q,dataEventCategory:"Footer",dataEventAction:e.name,dataEventLabel:e.url,isAmp:$}))}))))))),n.createElement("hr",null),n.createElement("div",{className:"copyright","data-is-amp":$||void 0},(null===(D=null==J?void 0:J.general)||void 0===D?void 0:D.verified)&&n.createElement("a",{href:null===(B=null===(M=null==J?void 0:J.general)||void 0===M?void 0:M.verified[0])||void 0===B?void 0:B.url,className:"copyright-image"},$?n.createElement("amp-img",{src:null===(H=null===(A=null==J?void 0:J.general)||void 0===A?void 0:A.verified[0])||void 0===H?void 0:H.image,alt:"DMCA Icon",width:"100",height:"36"}):n.createElement("img",{loading:"lazy",className:"lazy","data-src":null===(_=null===(U=null==J?void 0:J.general)||void 0===U?void 0:U.verified[0])||void 0===_?void 0:_.image,alt:"DMCA Icon"})),n.createElement(a,{size:"xs",type:"regular",className:"copyright-content"},null===(T=null==J?void 0:J.general)||void 0===T?void 0:T.copyright)),"vi-VN"===R&&n.createElement(a,{className:"copyright-certificate",size:"xs",type:"regular",color:"white"},"Giấy xác nhận cung cấp dịch vụ mạng xã hội trực tuyến số 529/GP-BTTTT, HN ngày 03/12/2019")):n.createElement(n.Fragment,null,(null==J?void 0:J.menu)&&n.createElement("div",{className:"columns"},n.createElement("div",{className:"mHalf"},n.createElement(a,{type:"regular",size:"sm",className:"linkTitle"},null===(S=null==J?void 0:J.menu[1])||void 0===S?void 0:S.menu_title),null===(Z=null===(I=null==J?void 0:J.menu[1])||void 0===I?void 0:I.items)||void 0===Z?void 0:Z.map((function(e){return n.createElement("a",{className:"link",href:e.url,key:e.title,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Information","data-content-title":e.title,"data-content-id":"https://".concat(i[R]).concat(e.url),"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(i[R]).concat(e.url)},n.createElement(a,{dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:"https://".concat(i[R]).concat(e.url),size:"sm",type:"regular",style:{color:l.colors.gray800}},e.title))}))),n.createElement("div",{className:"mHalf"},n.createElement(a,{type:"regular",size:"sm",className:"linkTitle"},null===(V=null==J?void 0:J.menu[2])||void 0===V?void 0:V.menu_title),null===(G=null===(Y=null==J?void 0:J.menu[2])||void 0===Y?void 0:Y.items)||void 0===G?void 0:G.map((function(e,t){return n.createElement("a",{className:"link",href:e.url,key:t,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Hello Health","data-content-title":e.title,"data-content-id":e.url,"data-event-category":"Footer","data-event-action":e.title,"data-event-label":e.url},n.createElement(a,{size:"sm",type:"regular",style:{color:l.colors.gray800},dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:e.url},e.title))}))),!$&&"mini"!==q&&n.createElement("hr",{className:"hrMobile"}),n.createElement("div",{className:"newsletter"},n.createElement("div",{className:"social"},n.createElement(a,{size:"sm",type:"regular"},null===(O=null==J?void 0:J.social)||void 0===O?void 0:O.title),n.createElement("div",{className:"icons"},null===(K=null===(X=null==J?void 0:J.social)||void 0===X?void 0:X.socials)||void 0===K?void 0:K.map((function(e,t){return n.createElement("a",{key:t,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,href:e.url},$?n.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",width:"32",height:"32"}):n.createElement("img",{loading:"lazy","data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,"data-src":e.icon,alt:"Logo Social",className:"social-icon lazy"}))}))))))))))};d.footer(z||(z=c(["\n  position: relative;\n  background: ",";\n\n  .inner {\n    padding: 64px 24px 98px 24px;\n    "," {\n      padding: 64px 0;\n    }\n    margin: 0 auto;\n    //max-width: 1168px;\n\n    &[data-type='mini'] {\n      padding: 0;\n    }\n  }\n\n  .footer-logo {\n    max-width: 132px;\n    margin-bottom: 24px;\n  }\n\n  .social {\n    margin-top: 24px;\n\n    "," {\n      margin-top: 32px;\n    }\n\n    p {\n      color: ",";\n    }\n  }\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n  }\n\n  .newsletter {\n    > p {\n      color: ",";\n\n      font-size: 14px;\n      line-height: 22px;\n\n      "," {\n        max-width: 380px;\n        font-size: 19px;\n        line-height: 28.5px;\n      }\n    }\n  }\n\n  hr {\n    height: 1px;\n    border: none;\n    margin: 16px 0 16px 0;\n    "," {\n      margin-top: 0px;\n    }\n    background: ",";\n    opacity: 0.1;\n    outline: none;\n  }\n\n  .hrMobile {\n    "," {\n      display: none;\n    }\n  }\n\n  .copyright {\n    padding-top: 8px;\n\n    "," {\n      display: flex;\n      flex-direction: row-reverse;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    p {\n      color: ",";\n    }\n\n    img {\n      max-width: 100px;\n      margin-bottom: 16px;\n\n      "," {\n        margin-bottom: 0px;\n      }\n    }\n\n    &[data-is-amp='true'] {\n      img {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .biglinks {\n    margin-bottom: 12px;\n  }\n\n  .bigLink {\n    display: block;\n    color: ",";\n    font-size: 19px;\n    font-weight: ",";\n    text-decoration: none;\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n\n    "," {\n      display: inline-block;\n      width: 50%;\n      font-size: 16px;\n    }\n  }\n\n  .mHalf {\n    display: inline-block;\n    width: 50%;\n    padding-right: 24px;\n    margin-bottom: 24px;\n    vertical-align: top;\n\n    p {\n      margin-bottom: 12px;\n      color: ",";\n    }\n\n    "," {\n      margin-bottom: 8px;\n    }\n  }\n\n  .otherSites {\n    p {\n      margin-bottom: 12px;\n      color: ",";\n    }\n\n    .flags {\n      display: flex;\n      margin-bottom: 8px;\n\n      div {\n        margin-right: 10px;\n      }\n    }\n  }\n\n  .link {\n    display: block;\n    text-decoration: none;\n\n    p {\n      color: ",";\n      font-weight: ",";\n    }\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n  }\n\n  .columns {\n    "," {\n      display: flex;\n      flex-direction: row;\n      width: 100%;\n\n      > div:nth-child(1) {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        flex-basis: 40%;\n      }\n\n      > div:nth-child(2) {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        flex-basis: 60%;\n\n        > div:nth-child(1) {\n          flex-basis: 45%;\n        }\n\n        > div {\n          flex-basis: 27.5%;\n        }\n\n        > div:last-child() {\n          flex-basis: 0;\n        }\n      }\n    }\n  }\n\n  .signupButton {\n    display: none;\n    border: none;\n    margin-top: 16px;\n    outline: none;\n    text-transform: uppercase;\n  }\n"],["\n  position: relative;\n  background: ",";\n\n  .inner {\n    padding: 64px 24px 98px 24px;\n    "," {\n      padding: 64px 0;\n    }\n    margin: 0 auto;\n    //max-width: 1168px;\n\n    &[data-type='mini'] {\n      padding: 0;\n    }\n  }\n\n  .footer-logo {\n    max-width: 132px;\n    margin-bottom: 24px;\n  }\n\n  .social {\n    margin-top: 24px;\n\n    "," {\n      margin-top: 32px;\n    }\n\n    p {\n      color: ",";\n    }\n  }\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n  }\n\n  .newsletter {\n    > p {\n      color: ",";\n\n      font-size: 14px;\n      line-height: 22px;\n\n      "," {\n        max-width: 380px;\n        font-size: 19px;\n        line-height: 28.5px;\n      }\n    }\n  }\n\n  hr {\n    height: 1px;\n    border: none;\n    margin: 16px 0 16px 0;\n    "," {\n      margin-top: 0px;\n    }\n    background: ",";\n    opacity: 0.1;\n    outline: none;\n  }\n\n  .hrMobile {\n    "," {\n      display: none;\n    }\n  }\n\n  .copyright {\n    padding-top: 8px;\n\n    "," {\n      display: flex;\n      flex-direction: row-reverse;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    p {\n      color: ",";\n    }\n\n    img {\n      max-width: 100px;\n      margin-bottom: 16px;\n\n      "," {\n        margin-bottom: 0px;\n      }\n    }\n\n    &[data-is-amp='true'] {\n      img {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .biglinks {\n    margin-bottom: 12px;\n  }\n\n  .bigLink {\n    display: block;\n    color: ",";\n    font-size: 19px;\n    font-weight: ",";\n    text-decoration: none;\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n\n    "," {\n      display: inline-block;\n      width: 50%;\n      font-size: 16px;\n    }\n  }\n\n  .mHalf {\n    display: inline-block;\n    width: 50%;\n    padding-right: 24px;\n    margin-bottom: 24px;\n    vertical-align: top;\n\n    p {\n      margin-bottom: 12px;\n      color: ",";\n    }\n\n    "," {\n      margin-bottom: 8px;\n    }\n  }\n\n  .otherSites {\n    p {\n      margin-bottom: 12px;\n      color: ",";\n    }\n\n    .flags {\n      display: flex;\n      margin-bottom: 8px;\n\n      div {\n        margin-right: 10px;\n      }\n    }\n  }\n\n  .link {\n    display: block;\n    text-decoration: none;\n\n    p {\n      color: ",";\n      font-weight: ",";\n    }\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n  }\n\n  .columns {\n    "," {\n      display: flex;\n      flex-direction: row;\n      width: 100%;\n\n      > div:nth-child(1) {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        flex-basis: 40%;\n      }\n\n      > div:nth-child(2) {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        flex-basis: 60%;\n\n        > div:nth-child(1) {\n          flex-basis: 45%;\n        }\n\n        > div {\n          flex-basis: 27.5%;\n        }\n\n        > div:last-child() {\n          flex-basis: 0;\n        }\n      }\n    }\n  }\n\n  .signupButton {\n    display: none;\n    border: none;\n    margin-top: 16px;\n    outline: none;\n    text-transform: uppercase;\n  }\n"])),(function(n){return n.theme.mbColors.lightGray}),s.mbDown,s.mbDown,(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.neutral500}),s.mbUp,s.mbDown,(function(n){return n.theme.colors.neutral500}),s.mbUp,s.mbUp,(function(n){return n.theme.colors.white}),s.mbUp,(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),s.mbDown,(function(n){return n.theme.colors.neutral500}),s.mbDown,(function(n){return n.theme.colors.neutral500}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),s.mbUp);var z,N,F,j,L,D,M,B,A=d.div(N||(N=c([""],[""]))),H=d.div(F||(F=c(["\n  position: relative;\n  overflow: hidden;\n  padding: 40px 40px 100px 40px;\n\n  .icons-links {\n    position: relative;\n    display: flex;\n    justify-content: space-between;\n  }\n"],["\n  position: relative;\n  overflow: hidden;\n  padding: 40px 40px 100px 40px;\n\n  .icons-links {\n    position: relative;\n    display: flex;\n    justify-content: space-between;\n  }\n"]))),U=d.div(j||(j=c(["\n  position: relative;\n  margin: 80px 0 0;\n\n  "," {\n    margin-top: 0px;\n    overflow: hidden;\n    &:before {\n      position: absolute;\n      top: 0;\n      left: 50%;\n      display: block;\n      width: 150%;\n      height: 100%;\n      background-color: #f3f3f3;\n      content: '';\n      transform: translateX(-50%);\n      border-radius: 100% 100% 0 0 / 30% 30%;\n    }\n  }\n"],["\n  position: relative;\n  margin: 80px 0 0;\n\n  "," {\n    margin-top: 0px;\n    overflow: hidden;\n    &:before {\n      position: absolute;\n      top: 0;\n      left: 50%;\n      display: block;\n      width: 150%;\n      height: 100%;\n      background-color: #f3f3f3;\n      content: '';\n      transform: translateX(-50%);\n      border-radius: 100% 100% 0 0 / 30% 30%;\n    }\n  }\n"])),s.mbDown),_=d.div(L||(L=c(["\n  position: relative;\n  padding: 0 16px;\n\n  "," {\n    padding: 48px 8px 0;\n  }\n\n  & .grid {\n    display: flex;\n    flex-wrap: wrap;\n    margin: -8px;\n\n    & > * {\n      display: inline-block;\n      flex: 0 0 25%;\n      padding: 8px;\n      color: ",";\n      text-decoration: none;\n    }\n\n    "," {\n      & > * {\n        flex: 0 0 100%;\n        text-align: center;\n      }\n    }\n  }\n\n  & .social-wrapper {\n    margin-left: auto;\n  }\n\n  & .social {\n    "," {\n      & .icons-links {\n        margin-top: 16px;\n\n        & > a:not(:first-child) {\n          margin-left: 10%;\n        }\n\n        & > a {\n          text-decoration: none;\n        }\n      }\n    }\n\n    "," {\n      width: 100%;\n      display: flex;\n      background: #fff;\n      box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.05);\n      border-radius: 8px;\n      padding: 20px 16px;\n      align-items: center;\n      max-width: 400px;\n      margin: 32px auto 0px;\n\n      & > p {\n        font-size: 12px;\n        line-height: 20px;\n      }\n\n      & .icons-links {\n        margin-left: 8%;\n        flex: 1;\n        display: inline-flex;\n        justify-content: space-between;\n      }\n    }\n\n    & .icons-links {\n      & > a {\n        & > img {\n          width: 24px;\n          object-fit: contain;\n        }\n      }\n    }\n  }\n"],["\n  position: relative;\n  padding: 0 16px;\n\n  "," {\n    padding: 48px 8px 0;\n  }\n\n  & .grid {\n    display: flex;\n    flex-wrap: wrap;\n    margin: -8px;\n\n    & > * {\n      display: inline-block;\n      flex: 0 0 25%;\n      padding: 8px;\n      color: ",";\n      text-decoration: none;\n    }\n\n    "," {\n      & > * {\n        flex: 0 0 100%;\n        text-align: center;\n      }\n    }\n  }\n\n  & .social-wrapper {\n    margin-left: auto;\n  }\n\n  & .social {\n    "," {\n      & .icons-links {\n        margin-top: 16px;\n\n        & > a:not(:first-child) {\n          margin-left: 10%;\n        }\n\n        & > a {\n          text-decoration: none;\n        }\n      }\n    }\n\n    "," {\n      width: 100%;\n      display: flex;\n      background: #fff;\n      box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.05);\n      border-radius: 8px;\n      padding: 20px 16px;\n      align-items: center;\n      max-width: 400px;\n      margin: 32px auto 0px;\n\n      & > p {\n        font-size: 12px;\n        line-height: 20px;\n      }\n\n      & .icons-links {\n        margin-left: 8%;\n        flex: 1;\n        display: inline-flex;\n        justify-content: space-between;\n      }\n    }\n\n    & .icons-links {\n      & > a {\n        & > img {\n          width: 24px;\n          object-fit: contain;\n        }\n      }\n    }\n  }\n"])),s.mbDown,(function(n){return n.theme.colors.gray800}),s.mbDown,s.mbUp,s.mbDown),T=d.div(D||(D=c(["\n  position: relative;\n\n  "," {\n    margin: 80px 0 0;\n    overflow: hidden;\n    &:before {\n      position: absolute;\n      top: 0;\n      left: 50%;\n      display: block;\n      width: 150%;\n      height: 100%;\n      background-color: #f3f3f3;\n      border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n      content: '';\n      transform: translateX(-50%);\n    }\n  }\n\n  "," {\n    background-color: #f3f3f3;\n  }\n"],["\n  position: relative;\n\n  "," {\n    margin: 80px 0 0;\n    overflow: hidden;\n    &:before {\n      position: absolute;\n      top: 0;\n      left: 50%;\n      display: block;\n      width: 150%;\n      height: 100%;\n      background-color: #f3f3f3;\n      border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n      content: '';\n      transform: translateX(-50%);\n    }\n  }\n\n  "," {\n    background-color: #f3f3f3;\n  }\n"])),s.mbUp,s.mbDown),S=d.div(M||(M=c(["\n  position: relative;\n  padding: 64px 16px 154px;\n  text-align: center;\n\n  "," {\n    padding: 48px 8px 32px;\n  }\n\n  & .company-name {\n    margin-top: 24px;\n  }\n\n  .logo {\n    justify-content: center;\n  }\n\n  & .text-info {\n    margin-top: 8px;\n    > p {\n      margin-bottom: 8px;\n    }\n    "," {\n      text-align: left;\n      margin-top: 16px;\n    }\n  }\n\n  & .img-container {\n    display: flex;\n    max-width: 176px;\n    height: 24px;\n    justify-content: space-between;\n    margin: 24px auto 0;\n\n    "," {\n      height: 32px;\n      max-width: unset;\n      justify-content: space-around;\n    }\n\n    img {\n      width: unset;\n      height: 100%;\n      object-fit: contain;\n    }\n  }\n\n  & > hr {\n    border-color: ",";\n    margin: 64px 0 18px;\n    opacity: 0.1;\n  }\n\n  & .language-and-copyright {\n    display: flex;\n    justify-content: center;\n\n    "," {\n      margin-top: 60px;\n    }\n\n    & #footer-language-select {\n      width: 100%;\n      max-width: 114px;\n\n      &[data-dropdown-open='true'] > div:after {\n        transform: translateY(-60%) rotateZ(-180deg);\n      }\n\n      "," {\n        order: 1;\n      }\n\n      & > div {\n        padding: 0;\n\n        & > div > svg {\n          max-width: 22px;\n          margin-right: 8px;\n          transform: translateY(1px);\n        }\n\n        & > span {\n          font-size: 12px;\n          letter-spacing: -0.2px;\n          line-height: 24px;\n        }\n      }\n\n      & > ul[data-has-icons='true'] {\n        width: 158px;\n        max-width: 158px;\n        border: none;\n        border-radius: 4px;\n        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);\n\n        "," {\n          margin-top: 0;\n          left: unset;\n          right: 0;\n          top: unset;\n          bottom: 32px;\n        }\n\n        & li {\n          font-size: 12px;\n          letter-spacing: -0.2px;\n          line-height: 24px;\n\n          & > div {\n            max-width: 22px;\n            & svg {\n              width: 22px;\n              max-width: 22px;\n              transform: translateY(3px);\n            }\n          }\n        }\n      }\n    }\n\n    & > p {\n      color: ",";\n    }\n  }\n"],["\n  position: relative;\n  padding: 64px 16px 154px;\n  text-align: center;\n\n  "," {\n    padding: 48px 8px 32px;\n  }\n\n  & .company-name {\n    margin-top: 24px;\n  }\n\n  .logo {\n    justify-content: center;\n  }\n\n  & .text-info {\n    margin-top: 8px;\n    > p {\n      margin-bottom: 8px;\n    }\n    "," {\n      text-align: left;\n      margin-top: 16px;\n    }\n  }\n\n  & .img-container {\n    display: flex;\n    max-width: 176px;\n    height: 24px;\n    justify-content: space-between;\n    margin: 24px auto 0;\n\n    "," {\n      height: 32px;\n      max-width: unset;\n      justify-content: space-around;\n    }\n\n    img {\n      width: unset;\n      height: 100%;\n      object-fit: contain;\n    }\n  }\n\n  & > hr {\n    border-color: ",";\n    margin: 64px 0 18px;\n    opacity: 0.1;\n  }\n\n  & .language-and-copyright {\n    display: flex;\n    justify-content: center;\n\n    "," {\n      margin-top: 60px;\n    }\n\n    & #footer-language-select {\n      width: 100%;\n      max-width: 114px;\n\n      &[data-dropdown-open='true'] > div:after {\n        transform: translateY(-60%) rotateZ(-180deg);\n      }\n\n      "," {\n        order: 1;\n      }\n\n      & > div {\n        padding: 0;\n\n        & > div > svg {\n          max-width: 22px;\n          margin-right: 8px;\n          transform: translateY(1px);\n        }\n\n        & > span {\n          font-size: 12px;\n          letter-spacing: -0.2px;\n          line-height: 24px;\n        }\n      }\n\n      & > ul[data-has-icons='true'] {\n        width: 158px;\n        max-width: 158px;\n        border: none;\n        border-radius: 4px;\n        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);\n\n        "," {\n          margin-top: 0;\n          left: unset;\n          right: 0;\n          top: unset;\n          bottom: 32px;\n        }\n\n        & li {\n          font-size: 12px;\n          letter-spacing: -0.2px;\n          line-height: 24px;\n\n          & > div {\n            max-width: 22px;\n            & svg {\n              width: 22px;\n              max-width: 22px;\n              transform: translateY(3px);\n            }\n          }\n        }\n      }\n    }\n\n    & > p {\n      color: ",";\n    }\n  }\n"])),s.mbDown,s.mbDown,s.mbDown,(function(n){return n.theme.mbColors.midGray}),s.mbDown,s.mbDown,s.mbDown,(function(n){return n.theme.mbColors.midGray})),I=d.div(B||(B=c(["\n  position: absolute;\n  top: 0;\n  right: -50%;\n  width: 400px;\n  height: 400px;\n  background-color: #f2fcf7;\n  border-radius: 50%;\n"],["\n  position: absolute;\n  top: 0;\n  right: -50%;\n  width: 400px;\n  height: 400px;\n  background-color: #f2fcf7;\n  border-radius: 50%;\n"]))),Z={SOCIAL_LINKS:{facebookLink:"https://www.facebook.com/marry.baby.vn",instagramLink:"https://www.instagram.com/marrybaby.vn",zaloLink:"http://zalo.me/806483414530291942",youtubeLink:"https://www.youtube.com/user/marrybabyvn"}},V=function(e){var t,a=e.socialLinks,i=void 0===a?Z.SOCIAL_LINKS:a,p=i.facebookLink,c=i.instagramLink,s=i.zaloLink,d=i.youtubeLink,v=e.copyrightText,y=e.logoType,w=void 0===y?"marryBaby":y,E=e.isMobile,k=e.footerMenu,C=void 0===k?[]:k,z=e.type,N=void 0===z?"main":z,F=r().t;return"main"===N?n.createElement(A,{className:"footer-container"},!E&&n.createElement("div",{className:"footer-divider"},n.createElement(o,{type:"marryBaby"},n.createElement(u,{style:{padding:"0 16px"},type:"solid"}))),n.createElement(U,null,n.createElement(o,{type:"marryBaby"},n.createElement(_,null,n.createElement("div",{className:"grid"},null===(t=E?null==C?void 0:C.slice(0,6):C)||void 0===t?void 0:t.map((function(e,t){var o=e.title,a=e.link;return n.createElement("a",{"data-event-category":"Footer","data-event-action":o,"data-event-label":"".concat(a),className:"link",href:a,key:"footer-links-".concat(t)},n.createElement(b,{color:l.colors.gray800,type:"subtitle-2"},o))})),n.createElement("div",{className:"social-wrapper"},n.createElement("div",{className:"social"},n.createElement(b,{type:"subtitle-2"},F("footer.followUsText")),n.createElement("div",{className:"icons-links"},p&&n.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":p,href:p},n.createElement("img",{src:m,alt:"Facebook"})),d&&n.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":d,href:d},n.createElement("img",{src:g,alt:"Youtube"})),c&&n.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":c,href:c},n.createElement("img",{src:x,alt:"Instagram"})),s&&n.createElement("a",{target:"_blank",rel:"noreferrer",href:s,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":s},n.createElement("img",{src:f,alt:"Zalo"}))))))))),n.createElement(T,null,n.createElement(o,{type:"marryBaby"},n.createElement(S,null,n.createElement(h,{className:"logo",type:w,width:"121px"}),n.createElement(b,{className:"company-name",type:"subtitle-2"},F("footer.info.companyName")),n.createElement("div",{className:"text-info"},n.createElement(b,{type:"bodytext-3"},F("footer.info.address")),n.createElement(b,{type:"bodytext-3"},F("footer.info.license")),n.createElement(b,{type:"bodytext-3"},F("footer.info.email"))),n.createElement("div",{className:"img-container"},n.createElement("img",{src:"/images/dmca_protected.png",alt:"DMCA protected"}),n.createElement("a",{href:"http://online.gov.vn/Home/WebDetails/25055?AspxAutoDetectCookieSupport=1",target:"_blank",rel:"noreferrer"},n.createElement("img",{src:"/images/mit_registered.png",alt:"MIT registered"}))),!E&&n.createElement(u,{type:"solid"}),n.createElement("div",{className:"language-and-copyright"},n.createElement(b,{type:"bodytext-3"},v)))))):n.createElement(H,null,n.createElement(I,null),n.createElement(b,{type:"subtitle-3",style:{marginBottom:24,textTransform:"uppercase",fontWeight:l.sizes.fwSemiBold},color:l.mbColors.midGray},F("footer.followUsText")),n.createElement("div",{className:"icons-links"},p&&n.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":p,href:p},n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.createElement("path",{d:"M21 5.75V18.25C21 19.765 19.765 21 18.25 21H15.5V14H17.31C17.565 14 17.78 13.81 17.81 13.56L17.995 12.06C18.015 11.92 17.97 11.775 17.875 11.67C17.78 11.56 17.645 11.5 17.5 11.5H15.5V9.75C15.5 9.2 15.95 8.75 16.5 8.75H17.5C17.775 8.75 18 8.525 18 8.25V6.56C18 6.305 17.8 6.09 17.545 6.065C17.515 6.06 16.81 6 15.915 6C13.715 6 12.5 7.31 12.5 9.685V11.5H10.5C10.225 11.5 10 11.725 10 12V13.5C10 13.775 10.225 14 10.5 14H12.5V21H5.75C4.235 21 3 19.765 3 18.25V5.75C3 4.235 4.235 3 5.75 3H18.25C19.765 3 21 4.235 21 5.75Z",fill:"url(#paint0_linear)"}),n.createElement("defs",null,n.createElement("linearGradient",{id:"paint0_linear",x1:"12",y1:"3",x2:"12",y2:"21",gradientUnits:"userSpaceOnUse"},n.createElement("stop",{stopColor:"#4DABF7"}),n.createElement("stop",{offset:"1",stopColor:"#2668DA"}))))),d&&n.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":d,href:d},n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.createElement("path",{d:"M11.9287 4.25C8.75236 4.25 5.80117 4.47631 4.11719 4.82812C4.1136 4.82907 4.11002 4.83005 4.10645 4.83105C2.83774 5.11535 1.64309 6.02412 1.3916 7.44727L1.39062 7.45312C1.19742 8.60013 1 10.0953 1 12.25C1 14.4006 1.1981 15.8562 1.44238 17.0635C1.70004 18.4446 2.86711 19.3809 4.15527 19.6689C4.16144 19.6707 4.16762 19.6723 4.17383 19.6738C5.93135 20.0201 8.79923 20.25 11.9756 20.25C15.1519 20.25 18.0213 20.0201 19.7793 19.6738C19.7855 19.6723 19.7917 19.6707 19.7979 19.6689C21.0666 19.3847 22.2612 18.4759 22.5127 17.0527C22.5134 17.0492 22.514 17.0456 22.5146 17.042C22.7049 15.8716 22.9514 14.3778 23 12.2197C23.0001 12.2142 23.0001 12.2087 23 12.2031C23 10.0438 22.7529 8.53934 22.5117 7.34766C22.2561 5.96354 21.0877 5.02474 19.7979 4.73633C19.7781 4.73195 19.7583 4.72836 19.7383 4.72559C18.0232 4.48448 15.1056 4.25 11.9287 4.25ZM10.0781 8.50098C10.2633 8.49715 10.4548 8.54095 10.6348 8.64258L14.9365 11.0732C15.662 11.4832 15.662 12.5177 14.9365 12.9277L10.6348 15.3584C9.91527 15.7644 9.01855 15.2502 9.01855 14.4307V9.56934C9.01855 8.95471 9.52252 8.51246 10.0781 8.50098Z",fill:"#EB3223"}))),c&&n.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":c,href:c},n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.createElement("path",{d:"M8.25 2.5C5.08319 2.5 2.5 5.08319 2.5 8.25V15.75C2.5 18.9164 5.0831 21.5 8.25 21.5H15.75C18.9165 21.5 21.5 18.9165 21.5 15.75V8.25C21.5 5.0831 18.9164 2.5 15.75 2.5H8.25ZM8.25 4H15.75C18.1056 4 20 5.8939 20 8.25V15.75C20 18.1055 18.1055 20 15.75 20H8.25C5.8939 20 4 18.1056 4 15.75V8.25C4 5.89381 5.89381 4 8.25 4ZM17 6C16.4475 6 16 6.4475 16 7C16 7.5525 16.4475 8 17 8C17.5525 8 18 7.5525 18 7C18 6.4475 17.5525 6 17 6ZM12 7C9.24759 7 7 9.24759 7 12C7 14.7524 9.24759 17 12 17C14.7524 17 17 14.7524 17 12C17 9.24759 14.7524 7 12 7ZM12 8.5C13.9416 8.5 15.5 10.0584 15.5 12C15.5 13.9416 13.9416 15.5 12 15.5C10.0584 15.5 8.5 13.9416 8.5 12C8.5 10.0584 10.0584 8.5 12 8.5Z",fill:"url(#paint0_radial)"}),n.createElement("defs",null,n.createElement("radialGradient",{id:"paint0_radial",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(0.499995 26) rotate(-47.9508) scale(34.3402 30.014)"},n.createElement("stop",{offset:"0.073",stopColor:"#EACC7B"}),n.createElement("stop",{offset:"0.184",stopColor:"#ECAA59"}),n.createElement("stop",{offset:"0.307",stopColor:"#EF802E"}),n.createElement("stop",{offset:"0.358",stopColor:"#EF6D3A"}),n.createElement("stop",{offset:"0.46",stopColor:"#F04B50"}),n.createElement("stop",{offset:"0.516",stopColor:"#F03E58"}),n.createElement("stop",{offset:"0.689",stopColor:"#DB359E"}),n.createElement("stop",{offset:"0.724",stopColor:"#CE37A4"}),n.createElement("stop",{offset:"0.789",stopColor:"#AC3CB4"}),n.createElement("stop",{offset:"0.877",stopColor:"#7544CF"}),n.createElement("stop",{offset:"0.98",stopColor:"#2B4FF2"}))))),s&&n.createElement("a",{target:"_blank",rel:"noreferrer",href:s,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":s},n.createElement("div",{style:{height:24,width:24}},n.createElement("img",{src:"/icons/zalo.png",alt:"Zalo"})))))},Y=function(e){var t=e.type,o=e.isMobile,a=void 0===o||o,i=e.locale,l=e.footerInfo,r=e.isAmp;return"helloSites"===e.siteType?n.createElement(C,{isAmp:r,isMobile:a,type:t,locale:i,footerInfo:l||{}}):n.createElement(V,{isMobile:a,locale:i,footerMenu:l||[],copyrightText:"© 2022 MarryBaby.vn",socialLinks:e.marryBabySocialLinks,type:t})};export{Y as Footer};

package/build/esm/components/icons.js

@@ -1 +1 @@
-import{b as e,a as l}from"../tslib.es6-95636cf4.js";import c,{useRef as t}from"react";import{t as a}from"../theme-a50a1aa5.js";import{F as i}from"../FullScreen-5278ee77.js";var r=function(t){var a=t.size,i=t.color,r=t.activeColor,o=t.isActive,v=e(t,["size","color","activeColor","isActive"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:a,height:a,fill:"none",viewBox:"0 0 24 24"},v),o?c.createElement("path",{fill:r,fillRule:"evenodd",d:"M2 11c0-4.96 4.484-9 10-9s10 4.04 10 9c0 .32-.02.64-.059.953-.593 5.524-6.27 9.426-7.402 10.152L14 22.45c-.878.484-.97-.235-.993-.411-.003-.025-.005-.039-.007-.038v-2.047C7.04 20.508 2 16.258 2 11zm10.5 5c.277 0 .5-.223.5-.5v-1c0-.277-.223-.5-.5-.5h-1c-.277 0-.5.223-.5.5v1c0 .277.223.5.5.5h1zM11 13h2c0-.447.412-1.02.863-1.645C14.404 10.603 15 9.776 15 9c0-1.477-1.121-3-3-3-2.047 0-3 1.79-3 3 0 .55.45 1 1 1s1-.45 1-1c0-.164.176-1 1-1 .988 0 1 .988 1 1 0 .537-.52 1.312-1.029 2.072-.49.732-.971 1.45-.971 1.928z",clipRule:"evenodd"}):c.createElement(c.Fragment,null,c.createElement("path",{fill:i,d:"M12.5 16c.277 0 .5-.223.5-.5v-1c0-.277-.223-.5-.5-.5h-1c-.277 0-.5.223-.5.5v1c0 .277.223.5.5.5h1zM11 13h2c0-.447.412-1.02.863-1.645C14.404 10.603 15 9.776 15 9c0-1.477-1.121-3-3-3-2.047 0-3 1.79-3 3 0 .55.45 1 1 1s1-.45 1-1c0-.164.176-1 1-1 .988 0 1 .988 1 1 0 .537-.52 1.312-1.029 2.072-.49.732-.971 1.45-.971 1.928z"}),c.createElement("path",{fill:i,fillRule:"evenodd",d:"M2 11c0-5.027 4.547-9 10-9s10 3.973 10 9c0 .324-.02.637-.059.945-.554 5.172-5.238 8.774-7.398 10.16L13 23.095v-3.196c-.12.012-.239.028-.356.044-.211.03-.421.058-.644.058-5.453 0-10-3.973-10-9zm18 0c0-3.809-3.508-7-8-7s-8 3.191-8 7 3.508 7 8 7c.617 0 1.219-.066 1.8-.188l1.2-.238v1.508c2.047-1.637 4.61-4.152 4.953-7.352l.004-.003v-.004c.027-.243.043-.48.043-.723z",clipRule:"evenodd"})))};r.defaultProps={size:24,color:a.colors.gray600,activeColor:a.colors.primaryBase,isActive:!1};var o=function(t){var a=t.size,i=t.color,r=t.activeColor,o=t.isActive,v=e(t,["size","color","activeColor","isActive"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:a,height:a,fill:"none",viewBox:"0 0 24 24"},v),c.createElement("path",{fill:o?r:i,fillRule:"evenodd",d:"M12 4c.88 0 1.6.72 1.6 1.6v12.8c0 .88-.72 1.6-1.6 1.6-.88 0-1.6-.72-1.6-1.6V5.6c0-.88.72-1.6 1.6-1.6zM5.6 8.8h.229c.88 0 1.6.72 1.6 1.6v8c0 .88-.72 1.6-1.6 1.6H5.6c-.88 0-1.6-.72-1.6-1.6v-8c0-.88.72-1.6 1.6-1.6zM20 14.743c0-.88-.72-1.6-1.6-1.6-.88 0-1.6.72-1.6 1.6V18.4c0 .88.72 1.6 1.6 1.6.88 0 1.6-.72 1.6-1.6v-3.657z",clipRule:"evenodd"}))};o.defaultProps={size:24,color:a.colors.gray600,activeColor:a.colors.primaryBase,isActive:!1};var v=function(t){var a=t.size,i=t.color,r=t.activeColor,o=t.isActive,v=e(t,["size","color","activeColor","isActive"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:a,height:a,fill:"none",viewBox:"0 0 24 24"},v),c.createElement("path",{fill:o?r:i,d:"M6 0C2.7 0 0 2.7 0 6s2.7 6 6 6 6-2.7 6-6-2.7-6-6-6zm0 2c2.2 0 4 1.8 4 4s-1.8 4-4 4-4-1.8-4-4 1.8-4 4-4zm10 0v2h-2.262c.165.64.262 1.308.262 2h5v2h-5.262a7.92 7.92 0 01-.816 2H19l.002 10H5v-6.068a7.911 7.911 0 01-2-.52V20c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2h-1V2h-2zM6.9 3.2L5.2 6.1l2.2 2.2.9-1-1.5-1.4L8 3.8l-1.1-.6z"}))};v.defaultProps={size:24,color:a.colors.gray600,activeColor:a.colors.primaryBase,isActive:!1};var s=function(t){var a=t.size,i=t.color,r=t.activeColor,o=t.isActive,v=e(t,["size","color","activeColor","isActive"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:a,height:a,fill:"none",viewBox:"0 0 24 24"},v),o?c.createElement("path",{fill:r,d:"M6 2c-1.156 0-2 .965-2 2v18.04l8-2.974 8 2.973V4c0-.523-.191-1.055-.566-1.43-.38-.379-.91-.57-1.434-.57H6z"}):c.createElement("path",{fill:i,d:"M6 2c-1.156 0-2 .965-2 2v18.04l8-2.974 8 2.973V4c0-.523-.191-1.055-.566-1.43-.38-.379-.91-.57-1.434-.57H6zm0 2h12v15.16l-6-2.226-6 2.226V4z"}))};s.defaultProps={size:24,color:a.colors.gray600,activeColor:a.colors.primaryBase,isActive:!1};var n=function(t){var a=t.size,i=t.color,r=t.activeColor,o=t.isActive,v=e(t,["size","color","activeColor","isActive"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:a,height:a,fill:"none",viewBox:"0 0 24 24"},v),o?c.createElement("path",{fill:r,d:"M9 3C5.133 3 2 5.688 2 9c0 1.129.367 2.176 1 3.078v3.64c0 .528.605.829 1.027.512l2.262-1.699C7.121 14.832 8.04 15 9 15c3.867 0 7-2.688 7-6 0-3.313-3.133-6-7-6zm8.977 5.574c.007.14.023.281.023.426 0 4.41-4.035 8-9 8-.02 0-.04-.004-.059-.004C10.152 18.79 12.411 20 15 20c.96 0 1.875-.168 2.71-.469l2.263 1.7A.642.642 0 0021 20.718v-3.64c.633-.903 1-1.95 1-3.079 0-2.398-1.648-4.465-4.023-5.426z"}):c.createElement("path",{fill:i,fillRule:"evenodd",d:"M9 3C5.133 3 2 5.688 2 9c0 1.129.367 2.176 1 3.078V17l3.29-2.469a7.586 7.586 0 001.804.41C8.625 17.81 11.508 20 15 20c.96 0 1.875-.168 2.71-.469L21 22v-4.922c.633-.902 1-1.95 1-3.078 0-3.05-2.66-5.563-6.094-5.945C15.375 5.19 12.492 3 9 3zm0 2c2.758 0 5 1.793 5 4s-2.242 4-5 4c-.707 0-1.39-.117-2.031-.348l-1.016-.367-.863.649L5 13v-1.55l-.36-.516C4.216 10.328 4 9.676 4 9c0-2.207 2.242-4 5-4zm6.879 5.074C18.219 10.406 20 12.035 20 14c0 .676-.215 1.328-.64 1.934l-.36.515V18l-.09-.066-.863-.649-1.016.367c-.64.23-1.324.348-2.031.348-2.363 0-4.336-1.32-4.855-3.086 2.91-.41 5.21-2.36 5.734-4.84z",clipRule:"evenodd"}))};n.defaultProps={size:24,color:a.colors.gray600,activeColor:a.colors.primaryBase,isActive:!1};var h=function(t){var a=t.size,i=t.color,r=e(t,["size","color"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:a,height:a,fill:"none",viewBox:"0 0 33 32"},r),c.createElement("circle",{cx:"16.5",cy:"16",r:"16",fill:i}),c.createElement("path",{fill:"#fff",d:"M22.477 7.667c-.604 0-1.207.23-1.667.69l-.977.976 3.334 3.334.976-.977a2.358 2.358 0 00-1.666-4.023zm-3.894 2.916L9 20.167V23.5h3.333l9.584-9.583-3.334-3.334z"}))};h.defaultProps={size:32,color:a.colors.primaryBase};var m=function(t){var a=t.size,i=t.color,r=t.activeColor,o=t.isActive,v=e(t,["size","color","activeColor","isActive"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:a,height:a,fill:"none",viewBox:"0 0 24 24"},v),c.createElement("path",{fill:o?r:i,d:"M8 3a3 3 0 100 6 3 3 0 000-6zm8 0a3 3 0 100 6 3 3 0 000-6zM8 5c.551 0 1 .449 1 1 0 .551-.449 1-1 1-.551 0-1-.449-1-1 0-.551.449-1 1-1zm8 0c.551 0 1 .449 1 1 0 .551-.449 1-1 1-.551 0-1-.449-1-1 0-.551.449-1 1-1zm-9 6a4 4 0 00-4 4v6h4v-2H5v-4c0-1.103.897-2 2-2h10c1.103 0 2 .897 2 2v4h-2v2h4v-6a4 4 0 00-4-4H7zm5 3a2 2 0 100 4 2 2 0 000-4zm-1 5a2 2 0 00-2 2h6a2 2 0 00-2-2h-2z"}))};m.defaultProps={size:24,color:a.colors.gray600,activeColor:a.colors.primaryBase,isActive:!1};var z=function(t){var a=t.size,i=t.color,r=t.activeColor,o=t.isActive,v=e(t,["size","color","activeColor","isActive"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:a,height:a,fill:"none",viewBox:"0 0 24 24"},v),c.createElement("path",{fill:o?r:i,d:"M9 5.5c0 .83.67 1.5 1.5 1.5H14v10.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V7h3.5c.83 0 1.5-.67 1.5-1.5S21.33 4 20.5 4h-10C9.67 4 9 4.67 9 5.5zM4.5 12H6v5.5c0 .83.67 1.5 1.5 1.5S9 18.33 9 17.5V12h1.5c.83 0 1.5-.67 1.5-1.5S11.33 9 10.5 9h-6C3.67 9 3 9.67 3 10.5S3.67 12 4.5 12z"}))};z.defaultProps={size:24,color:a.colors.gray600,activeColor:a.colors.primaryBase,isActive:!1};var f=function(t){var a=t.size,i=t.color,r=t.activeColor,o=t.isActive,v=e(t,["size","color","activeColor","isActive"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:a,height:a,fill:"none",viewBox:"0 0 24 24"},v),c.createElement("path",{fill:o?r:i,d:"M16.5 3C13.605 3 12 5.09 12 5.09S10.395 3 7.5 3A5.5 5.5 0 002 8.5c0 4.171 4.912 8.213 6.281 9.49.77.719 1.677 1.538 2.401 2.187.751.673 1.885.673 2.636 0 .724-.65 1.63-1.468 2.401-2.187C17.088 16.713 22 12.671 22 8.5A5.5 5.5 0 0016.5 3zm-1.689 13.11c-.177.16-.331.299-.456.416-.751.7-1.639 1.503-2.355 2.145a175.713 175.713 0 01-2.355-2.145c-.126-.117-.28-.257-.456-.416C7.769 14.827 4 11.419 4 8.5 4 6.57 5.57 5 7.5 5c1.827 0 2.886 1.275 2.914 1.308L12 8l1.586-1.692C13.596 6.295 14.673 5 16.5 5 18.43 5 20 6.57 20 8.5c0 2.919-3.769 6.327-5.189 7.61z"}))};f.defaultProps={size:24,color:a.colors.gray600,activeColor:a.colors.primaryBase,isActive:!1};var d=function(t){var a=t.size,i=t.color,r=t.activeColor,o=t.isActive,v=e(t,["size","color","activeColor","isActive"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:a,height:a,fill:"none",viewBox:"0 0 24 24"},v),o?c.createElement("path",{fill:r,fillRule:"evenodd",d:"M3.45 8.465l8-5.3c.331-.22.769-.22 1.1 0l8 5.3c.282.187.45.5.45.836V20c0 1.105-.895 2-2 2H5c-1.105 0-2-.895-2-2V9.3c0-.335.168-.648.45-.835zm3.886 8.215c-.44-.332-.438-.97-.05-1.361.391-.392 1.046-.413 1.512-.116.773.493 2.036 1.116 3.49 1.116 1.455 0 2.718-.623 3.49-1.116.466-.297 1.122-.275 1.512.116.39.39.391 1.029-.049 1.361-1.409 1.065-3.194 1.639-4.953 1.639-1.758 0-3.544-.574-4.952-1.639z",clipRule:"evenodd"}):c.createElement(c.Fragment,null,c.createElement("path",{fill:i,d:"M7.336 16.68c-.44-.332-.438-.97-.05-1.361.391-.392 1.046-.413 1.512-.116.773.493 2.036 1.116 3.49 1.116 1.455 0 2.718-.623 3.49-1.116.466-.297 1.122-.275 1.512.116.39.39.391 1.029-.049 1.361-1.409 1.065-3.194 1.639-4.953 1.639-1.758 0-3.544-.574-4.952-1.639z"}),c.createElement("path",{fill:i,fillRule:"evenodd",d:"M12.552 3.167a1 1 0 00-1.104 0l-8 5.302A1 1 0 003 9.303V20c0 1.094.906 2 2 2h14c1.094 0 2-.906 2-2V9.303a1 1 0 00-.448-.834l-8-5.302zm-1.104 2.398a1 1 0 011.104 0l6 3.974a1 1 0 01.448.834V19.6a.4.4 0 01-.4.4H5.4a.4.4 0 01-.4-.4v-9.227a1 1 0 01.448-.834l6-3.974z",clipRule:"evenodd"})))};d.defaultProps={size:24,color:a.colors.gray600,activeColor:a.colors.primaryBase,isActive:!1};var w=function(t){var a=t.size,i=t.color,r=t.activeColor,o=t.isActive,v=e(t,["size","color","activeColor","isActive"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:a,height:a,fill:"none",viewBox:"0 0 24 24"},v),o?c.createElement("path",{fill:r,d:"M11.678.182a1.02 1.02 0 00-.899.79l-.554 2.446L7.514 6.43A1.997 1.997 0 007 7.768V17a2 2 0 002 2h8.031c.741 0 1.412-.436 1.713-1.113l3.002-6.756c.167-.374.254-.78.254-1.19V9c0-1.1-.9-2-2-2h-7s1-2.37 1-4.137C14 1.25 12.962.544 12.107.236a.991.991 0 00-.43-.054zM3.5 7A1.5 1.5 0 002 8.5v9a1.5 1.5 0 003 0v-9A1.5 1.5 0 003.5 7z"}):c.createElement(c.Fragment,null,c.createElement("path",{fill:i,fillRule:"evenodd",d:"M10.39 4.86l.801-3.887.84.027s.946.02 1.918.508A3.764 3.764 0 0116 4.898C16 6 15.715 7.125 15.434 8H20c.523 0 1.055.191 1.434.57.375.375.566.907.566 1.43v2.402c0 .29-.08.44-.219.672l-3.375 6.754c-.304.8-1.125 1.172-1.808 1.172H8c-.523 0-1.055-.191-1.43-.566-.379-.38-.57-.91-.57-1.434V9.5c0-.523.246-1.234.844-1.633L10.39 4.86zm2.494-1.617a.695.695 0 01-.114-.024l-.563 2.719L8 9.5V19h8.582l3.207-6.418a2 2 0 00.211-.894V10.2a.2.2 0 00-.2-.2h-7.3l.578-1.383S14 6.207 14 4.898c0-1.039-.418-1.34-.95-1.601a.427.427 0 00-.166-.054z",clipRule:"evenodd"}),c.createElement("path",{fill:i,d:"M2 10a1 1 0 012 0v10a1 1 0 11-2 0V10z"})))};w.defaultProps={size:24,color:a.colors.gray600,activeColor:a.colors.primaryBase,isActive:!1};var p=function(t){var a=t.size,i=t.color,r=t.activeColor,o=t.isActive,v=e(t,["size","color","activeColor","isActive"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:a,height:a,fill:"none",viewBox:"0 0 24 24"},v),c.createElement("path",{fill:o?r:i,d:"M17 3c-1.105 0-2 .895-2 2v7l2-2h4c1.105 0 2-.895 2-2V5c0-1.105-.895-2-2-2h-4zM9.5 5A3.514 3.514 0 006 8.5C6 10.422 7.578 12 9.5 12S13 10.422 13 8.5 11.422 5 9.5 5zM17 5h4v3h-4V5zM9.5 7c.84 0 1.5.66 1.5 1.5S10.34 10 9.5 10 8 9.34 8 8.5 8.66 7 9.5 7zm0 7c-1.488 0-3.2.422-4.648 1.125-.727.355-1.387.777-1.915 1.313C2.414 16.977 2 17.675 2 18.5V21h15v-2.5c0-.824-.414-1.523-.938-2.063-.527-.535-1.187-.957-1.91-1.312C12.7 14.422 10.988 14 9.5 14zm0 2c1.078 0 2.617.363 3.777.926.579.281 1.059.61 1.352.91.293.3.371.52.371.664v.5H4v-.5c0-.145.078-.363.371-.664.293-.3.774-.629 1.356-.91C6.883 16.363 8.422 16 9.5 16z"}))};p.defaultProps={size:24,color:a.colors.gray600,activeColor:a.colors.primaryBase,isActive:!1};var g=function(t){var a=t.size,i=t.color,r=e(t,["size","color"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:a,height:a,fill:"none",viewBox:"0 0 33 32"},r),c.createElement("circle",{cx:"16.5",cy:"16",r:"16",fill:i}),c.createElement("path",{fill:"#fff",d:"M21.5 16.833h-4.166V21a.836.836 0 01-.834.833.836.836 0 01-.833-.833v-4.167H11.5a.836.836 0 01-.833-.833c0-.459.375-.834.833-.834h4.167V11c0-.459.375-.834.833-.834.459 0 .834.375.834.834v4.166H21.5c.459 0 .834.375.834.834a.836.836 0 01-.834.833z"}))};g.defaultProps={size:32,color:a.colors.primaryBase};var u=function(t){var a=t.size,i=t.color,r=t.activeColor,o=t.isActive,v=e(t,["size","color","activeColor","isActive"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:a,height:a,fill:"none",viewBox:"0 0 24 24"},v),c.createElement("path",{fill:o?r:i,d:"M12 2c-2.037 0-3.934.62-5.517 1.67l-1.5-1.5A.575.575 0 004 2.576v3.85c0 .317.257.574.574.574h3.85c.513 0 .77-.62.406-.982l-.9-.9A7.944 7.944 0 0112 4c4.43 0 8 3.57 8 8s-3.57 8-8 8-8-3.57-8-8a1 1 0 10-2 0c0 5.512 4.489 10 10 10s10-4.488 10-10C22 6.49 17.511 2 12 2z"}))};u.defaultProps={size:24,color:a.colors.gray600,activeColor:a.colors.primaryBase,isActive:!1};var C=function(t){var a=t.size,i=t.color,r=t.activeColor,o=t.isActive,v=e(t,["size","color","activeColor","isActive"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:a,height:a,fill:"none",viewBox:"0 0 24 24"},v),o?c.createElement("path",{fill:r,d:"M12 3C5.934 3 1 7.934 1 14a11 11 0 001.473 5.504s.218.496.836.496H7c.55 0 1-.45 1-1s.45-1 1-1h6c.55 0 1 .45 1 1s.45 1 1 1h3.668c.508 0 .86-.5.86-.5A10.975 10.975 0 0023 14c0-6.066-4.934-11-11-11zm0 2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm4.844 1.414a1.002 1.002 0 01-1.078 1.688 1.003 1.003 0 01-.305-1.383 1.003 1.003 0 011.383-.305zm-9.75.04A1 1 0 116.8 7.84a1.006 1.006 0 01.293-1.387zm-2.95 3.155a1 1 0 111.75.974 1 1 0 01-1.75-.974zM4 15c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm9.324.492h-.004a1.985 1.985 0 01-1.797.453 1.995 1.995 0 01-.02-3.875v-.004l.06-.015c.011 0 4.468-1.5 6.523-2.035.46-.118.777.445.445.78l-5.207 4.696zM20 15c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"}):c.createElement("path",{fill:i,d:"M12 3C5.934 3 1 7.934 1 14c0 1.934.508 3.836 1.473 5.5l.289.5H6v-2H3.937A8.998 8.998 0 013 14c0-4.965 4.04-9 9-9s9 4.035 9 9c0 1.395-.32 2.766-.938 4H18v2h3.238l.29-.5A10.975 10.975 0 0023 14c0-6.066-4.934-11-11-11zm0 3c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zM8.5 7c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm6.938 0c-.551 0-1 .45-1 1s.449 1 1 1c.55 0 1-.45 1-1s-.45-1-1-1zM6 9.5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm12.531.75l-6.968 1.8-.06.016v.004A1.99 1.99 0 0010 14c0 1.105.895 2 2 2 .508 0 .969-.195 1.324-.512l5.207-5.238zM5 13c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm14 0c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zM9 18v2h6v-2H9z"}))};C.defaultProps={size:24,color:a.colors.gray600,activeColor:a.colors.primaryBase,isActive:!1};var E=function(t){var a=t.size,i=t.color,r=t.activeColor,o=t.isActive,v=e(t,["size","color","activeColor","isActive"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:a,height:a,fill:"none",viewBox:"0 0 24 24"},v),c.createElement("path",{fill:o?r:i,d:"M19 3c-1.652 0-3 1.348-3 3 0 .46.113.895.3 1.285L12.587 11h-4.77A2.999 2.999 0 005 9c-1.652 0-3 1.348-3 3s1.348 3 3 3c1.3 0 2.402-.84 2.816-2h4.77l3.715 3.715c-.188.39-.301.824-.301 1.285 0 1.652 1.348 3 3 3s3-1.348 3-3-1.348-3-3-3c-.46 0-.895.113-1.285.3l-3.3-3.3 3.3-3.3c.39.187.824.3 1.285.3 1.652 0 3-1.348 3-3s-1.348-3-3-3z"}))};E.defaultProps={size:24,color:a.colors.gray600,activeColor:a.colors.primaryBase,isActive:!1};var M=function(t){var a=t.size,i=t.color,r=t.activeColor,o=t.isActive,v=e(t,["size","color","activeColor","isActive"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:a,height:a,fill:"none",viewBox:"0 0 24 24"},v),c.createElement("path",{fill:o?r:i,d:"M4 2c-.534 0-1.037.208-1.414.586A1.988 1.988 0 002 4v3c0 2.942 1.83 5.454 4.408 6.486.354.616.914 1.09 1.592 1.33V18a4 4 0 004 4h4a4 4 0 004-4v-.174a3 3 0 10-2-.002V18a2 2 0 01-2 2h-4a2 2 0 01-2-2v-3.184a2.987 2.987 0 001.592-1.33A7.009 7.009 0 0016 6.976V4a2 2 0 00-2-2h-1a1 1 0 000 2h1v2.777c0 2.61-1.901 4.945-4.498 5.198a5.17 5.17 0 01-.555.025c-2.733-.028-4.946-2.262-4.945-5.023L4 4h1a1 1 0 000-2H4z"}))};M.defaultProps={size:24,color:a.colors.gray600,activeColor:a.colors.primaryBase,isActive:!1};var A={Ask:r,BarChart:o,Booking:v,Bookmark:s,Boy:function(t){var a=t.size,i=void 0===a?40:a,r=e(t,["size"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:i,height:i,fill:"none",viewBox:"0 0 40 40"},r),c.createElement("circle",{cx:"20",cy:"20",r:"20",fill:"#2D87F3"}),c.createElement("path",{fill:"#fff",d:"M20.002 30.973c-2.616 0-4.945-.607-6.734-1.755-1.82-1.166-3.058-2.884-3.604-4.992-.045 0-.09.003-.136.003-.758 0-1.486-.3-2.023-.834a2.843 2.843 0 010-4.029 2.868 2.868 0 012.194-.83c.577-2.321 1.83-4.42 3.567-5.952C15.16 10.918 17.552 10 20.002 10s4.84.918 6.733 2.587c1.737 1.53 2.99 3.628 3.567 5.952a2.868 2.868 0 012.194.83 2.843 2.843 0 010 4.028 2.868 2.868 0 01-2.16.831c-.546 2.106-1.782 3.826-3.602 4.992-1.79 1.146-4.118 1.753-6.732 1.753z"}),c.createElement("path",{fill:"#2D87F3",d:"M17.95 13.19h-.014a.525.525 0 00-.524.509c0 .015-.059 1.466-2.006 1.927a.525.525 0 00-.389.63.523.523 0 00.633.386c2.18-.516 2.793-2.134 2.812-2.917a.519.519 0 00-.313-.491.527.527 0 00-.2-.044zM20.591 12.874a.524.524 0 00-.326.663c.004.014.455 1.396-1.212 2.5a.521.521 0 00.19.936.526.526 0 00.39-.066c1.866-1.236 1.878-2.966 1.625-3.708a.521.521 0 00-.464-.352.529.529 0 00-.203.027zM23.292 13.4a.525.525 0 00-.735.749c.008.007.787.783.35 2.119a.523.523 0 00.898.508.523.523 0 00.098-.183c.641-1.946-.56-3.142-.611-3.192zM15.977 21.818a1.365 1.365 0 000-1.936 1.38 1.38 0 00-1.945 0 1.365 1.365 0 000 1.936 1.38 1.38 0 001.945 0zM25.445 22.172a1.368 1.368 0 10-.682-2.652 1.369 1.369 0 10.682 2.652zM22.837 22.755a.532.532 0 00-.66.338c-.005.012-.414 1.222-2.124 1.222-1.71 0-2.12-1.21-2.124-1.222a.523.523 0 00-.998.316c.026.08.656 1.947 3.123 1.947s3.097-1.867 3.122-1.947a.52.52 0 00-.339-.654z"}))},Calendar:function(t){var a=t.size,i=void 0===a?20:a,r=t.color,o=void 0===r?"#595959":r,v=e(t,["size","color"]);return c.createElement("svg",l({width:i,height:i,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},v),c.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.8337 2.50065H16.667C17.5837 2.50065 18.3337 3.25065 18.3337 4.16732V17.5006C18.3337 18.4173 17.5837 19.1673 16.667 19.1673H3.33366C2.41699 19.1673 1.66699 18.4173 1.66699 17.5006V4.16732C1.66699 3.25065 2.41699 2.50065 3.33366 2.50065H4.16699V1.66732C4.16699 1.20898 4.54199 0.833984 5.00033 0.833984C5.45866 0.833984 5.83366 1.20898 5.83366 1.66732V2.50065H14.167V1.66732C14.167 1.20898 14.542 0.833984 15.0003 0.833984C15.4587 0.833984 15.8337 1.20898 15.8337 1.66732V2.50065ZM4.16699 17.5007H15.8337C16.292 17.5007 16.667 17.1257 16.667 16.6673V6.66732H3.33366V16.6673C3.33366 17.1257 3.70866 17.5007 4.16699 17.5007Z",fill:o}))},Community:n,EditSpecial:h,Family:m,Font:z,GenderBoy:function(t){var a=t.size,i=void 0===a?16:a,r=e(t,["size"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:i,height:i,fill:"none",viewBox:"0 0 16 16"},r),c.createElement("g",{fill:"#595959",clipPath:"url(#clip0_408_8625)"},c.createElement("path",{d:"M15.325 1.199a.602.602 0 00-.038-.151v-.005h-.001a.618.618 0 00-.107-.168.623.623 0 00-.117-.105l-.004-.002a.6.6 0 00-.175-.078.609.609 0 00-.161-.024h-4.278a.611.611 0 000 1.223h2.802L9.6 5.535a5.469 5.469 0 00-3.433-1.203 5.506 5.506 0 00-5.5 5.5c0 3.033 2.468 5.5 5.5 5.5 3.033 0 5.5-2.467 5.5-5.5 0-1.262-.425-2.46-1.203-3.433l3.648-3.647v2.802a.611.611 0 001.222 0V1.277c0-.012-.003-.025-.004-.037a.617.617 0 00-.004-.041zM6.166 14.11A4.282 4.282 0 011.89 9.833a4.282 4.282 0 017.303-3.028 4.282 4.282 0 01-3.026 7.305z"}),c.createElement("path",{fillRule:"evenodd",d:"M15.287 1.048a.602.602 0 01.042.192l.002.016a.156.156 0 01.002.021v4.278a.611.611 0 01-1.222 0V2.753L10.463 6.4a5.469 5.469 0 011.203 3.433c0 3.033-2.467 5.5-5.5 5.5a5.506 5.506 0 01-5.5-5.5c0-3.033 2.468-5.5 5.5-5.5 1.263 0 2.46.425 3.433 1.203l3.647-3.647h-2.802a.611.611 0 010-1.223h4.278a.609.609 0 01.197.036.6.6 0 01.14.067h.003a.623.623 0 01.14.135h.001a.618.618 0 01.083.138v.003l.001.003zm.064-.02c.021.053.033.107.04.162m-.04-.162a.695.695 0 00-.096-.165l-.001-.002c-.008-.009-.016-.02-.026-.03A.69.69 0 0015.1.715m-.2-.089A.675.675 0 0014.722.6h-4.278a.678.678 0 000 1.355h2.641L9.594 5.447a5.535 5.535 0 00-3.428-1.18A5.573 5.573 0 00.6 9.832 5.573 5.573 0 006.166 15.4a5.573 5.573 0 005.567-5.567c0-1.257-.417-2.45-1.18-3.427l3.491-3.492v2.641a.678.678 0 001.356 0V1.277a.202.202 0 00-.003-.027v-.004l-.001-.01a.743.743 0 00-.005-.046M1.955 9.833a4.216 4.216 0 004.211 4.211 4.216 4.216 0 002.979-7.191 4.216 4.216 0 00-7.19 2.98zm7.237-3.028a4.282 4.282 0 00-7.304 3.028 4.282 4.282 0 004.278 4.278 4.282 4.282 0 003.026-7.306z",clipRule:"evenodd"})),c.createElement("defs",null,c.createElement("clipPath",{id:"clip0_408_8625"},c.createElement("path",{fill:"#fff",d:"M0 0H16V16H0z"}))))},GenderChooseBoy:function(e){var a=t("svg-".concat(Math.random()));return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:"21",height:"20",fill:"none",viewBox:"0 0 21 20"},e),c.createElement("g",{clipPath:"url(#".concat(a.current,")")},c.createElement("path",{fill:"#45A4FF",d:"M11.203 7.633l1.914 1.914 6.397-6.397L17.6 1.235l-6.397 6.398z"}),c.createElement("path",{fill:"#45A4FF",d:"M8.083 5.334a7.333 7.333 0 100 14.667 7.333 7.333 0 000-14.667zm0 11.96a4.626 4.626 0 110-9.253 4.626 4.626 0 010 9.252z"}),c.createElement("path",{fill:"#2D87F3",d:"M7.508 8.077a4.626 4.626 0 100 9.181 4.627 4.627 0 010-9.181zM8.083 5.334a7.43 7.43 0 00-.575.022 7.334 7.334 0 010 14.622 7.333 7.333 0 10.575-14.644zM19.88 2.785v-.78L18.744.872h-.78l-2.707 2.707h1.55c.2 0 .364.163.364.365v1.55l2.707-2.708z"}),c.createElement("path",{fill:"#45A4FF",d:"M18.043 0h-4.585a.365.365 0 00-.364.365v1.978c0 .201.163.364.364.364h4.22c.201 0 .365.163.365.365v4.22c0 .2.163.364.364.364h1.978a.365.365 0 00.365-.364V.365A.365.365 0 0020.385 0h-2.342z"})),c.createElement("defs",null,c.createElement("clipPath",{id:a.current},c.createElement("path",{fill:"#fff",d:"M0 0H20V20H0z",transform:"translate(.75)"}))))},GenderChooseGirl:function(e){return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:"21",height:"20",fill:"none",viewBox:"0 0 21 20"},e),c.createElement("path",{fill:"#FE9DC2",d:"M13.748 15.546h-1.503a.321.321 0 01-.321-.322v-3.7H9.577v3.7a.321.321 0 01-.322.322H7.753a.321.321 0 00-.321.321v1.704c0 .178.144.322.321.322h1.502c.178 0 .322.144.322.321v1.465c0 .178.144.321.321.321h1.704a.321.321 0 00.322-.321v-1.465c0-.177.144-.321.321-.321h1.503a.321.321 0 00.321-.322v-1.704a.322.322 0 00-.321-.321z"}),c.createElement("path",{fill:"#FC488D",d:"M9.576 11.523v2.151a7.466 7.466 0 002.347 0v-2.15H9.576z"}),c.createElement("path",{fill:"#FE9DC2",d:"M10.75 0a6.357 6.357 0 100 12.715A6.357 6.357 0 0010.75 0zm0 10.368a4.01 4.01 0 110-8.021 4.01 4.01 0 010 8.021z"}),c.createElement("path",{fill:"#FC488D",d:"M10.157 2.391a4.01 4.01 0 100 7.934 4.011 4.011 0 010-7.934zM10.75 0c-.2 0-.398.01-.593.028a6.358 6.358 0 010 12.66A6.357 6.357 0 1010.75 0z"}))},GenderGirl:function(t){var a=t.size,i=void 0===a?16:a,r=e(t,["size"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:i,height:i,fill:"none",viewBox:"0 0 16 16"},r),c.createElement("path",{fill:"#595959",d:"M11.445 8.979a4.875 4.875 0 000-6.888 4.879 4.879 0 00-6.89 0 4.875 4.875 0 000 6.888 4.849 4.849 0 002.872 1.39V12H6.28a.573.573 0 100 1.147h1.147v1.614a.573.573 0 001.146 0v-1.614H9.72a.573.573 0 100-1.146H8.573v-1.63a4.849 4.849 0 002.872-1.391zm-6.08-.81a3.728 3.728 0 010-5.268 3.73 3.73 0 015.27 0 3.728 3.728 0 010 5.267 3.73 3.73 0 01-5.27 0z"}),c.createElement("path",{fill:"#595959",fillRule:"evenodd",d:"M5.366 8.168a3.73 3.73 0 005.268 0 3.728 3.728 0 000-5.267 3.73 3.73 0 00-5.268 0 3.728 3.728 0 000 5.267zm6.15-6.148a4.975 4.975 0 010 7.03 4.948 4.948 0 01-2.843 1.407V11.9H9.72a.673.673 0 110 1.346H8.673v1.514a.673.673 0 01-1.346 0v-1.514H6.28a.673.673 0 110-1.346h1.046v-1.443A4.948 4.948 0 014.484 9.05a4.975 4.975 0 010-7.029 4.979 4.979 0 017.032 0zm-4.09 8.35a4.849 4.849 0 01-2.871-1.391 4.875 4.875 0 010-6.888 4.879 4.879 0 016.89 0 4.875 4.875 0 010 6.888 4.849 4.849 0 01-2.872 1.39V12H9.72a.573.573 0 110 1.147H8.573v1.614a.573.573 0 01-1.146 0v-1.614H6.28a.573.573 0 110-1.146h1.147v-1.63zm-1.99-7.398a3.628 3.628 0 000 5.126 3.63 3.63 0 005.128 0 3.628 3.628 0 000-5.126 3.63 3.63 0 00-5.128 0z",clipRule:"evenodd"}))},Girl:function(t){var a=t.size,i=void 0===a?40:a,r=e(t,["size"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:i,height:i,fill:"none",viewBox:"0 0 24 24"},r),c.createElement("circle",{cx:"12",cy:"12",r:"12",fill:"#FC5D9A"}),c.createElement("path",{fill:"#fff",d:"M18.283 11.759c-.034 0-.068 0-.102.003-.346-1.394-1.099-2.652-2.14-3.57a6.132 6.132 0 00-3.726-1.544v-.532a2.062 2.062 0 001.617-.634 1.178 1.178 0 000-1.638 1.13 1.13 0 00-1.626 0c-.116.119-.218.25-.305.392a2.212 2.212 0 00-.308-.393 1.13 1.13 0 00-1.625 0 1.179 1.179 0 000 1.638 2.06 2.06 0 001.5.639c.041 0 .08 0 .117-.004v.533a6.143 6.143 0 00-3.726 1.543c-1.042.918-1.793 2.177-2.14 3.572a1.72 1.72 0 00-1.317.498 1.706 1.706 0 000 2.417c.323.32.76.5 1.215.5.027 0 .054 0 .081-.002a4.968 4.968 0 002.162 2.996c1.073.69 2.47 1.053 4.04 1.053 1.57 0 2.967-.364 4.04-1.053a4.987 4.987 0 002.162-2.998 1.72 1.72 0 001.295-.499 1.705 1.705 0 000-2.417c-.322-.32-.759-.5-1.214-.5zm-5.527-7.477a.5.5 0 01.724 0 .55.55 0 010 .763 1.446 1.446 0 01-1.165.446 1.834 1.834 0 01-.004-.077v-.09c.01-.392.168-.764.445-1.042zm-2.238.762a.55.55 0 010-.763.501.501 0 01.724 0c.276.278.435.65.444 1.042v.09c0 .027-.002.053-.004.078a1.45 1.45 0 01-1.164-.447z"}),c.createElement("path",{fill:"#FC5D9A",d:"M9.586 13.68a.819.819 0 000-1.161.828.828 0 00-1.167 0 .819.819 0 000 1.162c.323.32.845.32 1.167 0zM15.267 13.894a.821.821 0 10-.41-1.592.821.821 0 10.41 1.592zM13.704 14.242a.32.32 0 00-.282.045.314.314 0 00-.114.159c-.002.007-.248.733-1.274.733-1.027 0-1.272-.726-1.275-.733a.314.314 0 10-.598.19c.016.046.394 1.168 1.873 1.168s1.858-1.12 1.873-1.168a.313.313 0 00-.203-.394zM12.402 7.713a.315.315 0 00-.53.24.313.313 0 00.1.218c.253.248.466.533.632.845.316.61.298 1.118-.056 1.551-.403.493-.865.449-1.104.378-.33-.096-.598-.351-.625-.595-.03-.263.058-.585.318-.71.165-.077.337-.039.486.11a.315.315 0 00.538-.22.313.313 0 00-.092-.222c-.336-.337-.797-.426-1.204-.232-.473.226-.737.752-.671 1.343.055.494.495.957 1.072 1.128.151.045.308.067.465.068.491 0 .958-.228 1.305-.652.514-.63.558-1.402.127-2.234a4.11 4.11 0 00-.761-1.016z"}))},Heart:f,Home:d,Kebab:function(t){var a=t.size,i=void 0===a?20:a,r=e(t,["size"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:i,height:i,fill:"none",viewBox:"0 0 20 20"},r),c.createElement("path",{fill:"#000",fillOpacity:"0.54",fillRule:"evenodd",d:"M10 6.667c.916 0 1.666-.75 1.666-1.666 0-.917-.75-1.667-1.666-1.667-.917 0-1.667.75-1.667 1.667 0 .916.75 1.666 1.667 1.666zm0 1.667c-.917 0-1.667.75-1.667 1.667 0 .916.75 1.666 1.667 1.666.916 0 1.666-.75 1.666-1.666 0-.917-.75-1.667-1.666-1.667zm-1.667 6.667c0-.917.75-1.667 1.667-1.667.916 0 1.666.75 1.666 1.667 0 .916-.75 1.666-1.666 1.666-.917 0-1.667-.75-1.667-1.666z",clipRule:"evenodd"}))},Like:w,MyCommunity:p,PlusSpecial:g,Recalculate:u,Scale:C,Share:E,Stethoscope:M,FullScreen:i};export{A as Icon};
+import{b as e,a as l}from"../tslib.es6-95636cf4.js";import c,{useRef as t}from"react";import{t as a}from"../theme-a50a1aa5.js";import{F as i}from"../FullScreen-a24fd8fa.js";var r=function(t){var a=t.size,i=t.color,r=t.activeColor,o=t.isActive,v=e(t,["size","color","activeColor","isActive"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:a,height:a,fill:"none",viewBox:"0 0 24 24"},v),o?c.createElement("path",{fill:r,fillRule:"evenodd",d:"M2 11c0-4.96 4.484-9 10-9s10 4.04 10 9c0 .32-.02.64-.059.953-.593 5.524-6.27 9.426-7.402 10.152L14 22.45c-.878.484-.97-.235-.993-.411-.003-.025-.005-.039-.007-.038v-2.047C7.04 20.508 2 16.258 2 11zm10.5 5c.277 0 .5-.223.5-.5v-1c0-.277-.223-.5-.5-.5h-1c-.277 0-.5.223-.5.5v1c0 .277.223.5.5.5h1zM11 13h2c0-.447.412-1.02.863-1.645C14.404 10.603 15 9.776 15 9c0-1.477-1.121-3-3-3-2.047 0-3 1.79-3 3 0 .55.45 1 1 1s1-.45 1-1c0-.164.176-1 1-1 .988 0 1 .988 1 1 0 .537-.52 1.312-1.029 2.072-.49.732-.971 1.45-.971 1.928z",clipRule:"evenodd"}):c.createElement(c.Fragment,null,c.createElement("path",{fill:i,d:"M12.5 16c.277 0 .5-.223.5-.5v-1c0-.277-.223-.5-.5-.5h-1c-.277 0-.5.223-.5.5v1c0 .277.223.5.5.5h1zM11 13h2c0-.447.412-1.02.863-1.645C14.404 10.603 15 9.776 15 9c0-1.477-1.121-3-3-3-2.047 0-3 1.79-3 3 0 .55.45 1 1 1s1-.45 1-1c0-.164.176-1 1-1 .988 0 1 .988 1 1 0 .537-.52 1.312-1.029 2.072-.49.732-.971 1.45-.971 1.928z"}),c.createElement("path",{fill:i,fillRule:"evenodd",d:"M2 11c0-5.027 4.547-9 10-9s10 3.973 10 9c0 .324-.02.637-.059.945-.554 5.172-5.238 8.774-7.398 10.16L13 23.095v-3.196c-.12.012-.239.028-.356.044-.211.03-.421.058-.644.058-5.453 0-10-3.973-10-9zm18 0c0-3.809-3.508-7-8-7s-8 3.191-8 7 3.508 7 8 7c.617 0 1.219-.066 1.8-.188l1.2-.238v1.508c2.047-1.637 4.61-4.152 4.953-7.352l.004-.003v-.004c.027-.243.043-.48.043-.723z",clipRule:"evenodd"})))};r.defaultProps={size:24,color:a.colors.gray600,activeColor:a.colors.primaryBase,isActive:!1};var o=function(t){var a=t.size,i=t.color,r=t.activeColor,o=t.isActive,v=e(t,["size","color","activeColor","isActive"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:a,height:a,fill:"none",viewBox:"0 0 24 24"},v),c.createElement("path",{fill:o?r:i,fillRule:"evenodd",d:"M12 4c.88 0 1.6.72 1.6 1.6v12.8c0 .88-.72 1.6-1.6 1.6-.88 0-1.6-.72-1.6-1.6V5.6c0-.88.72-1.6 1.6-1.6zM5.6 8.8h.229c.88 0 1.6.72 1.6 1.6v8c0 .88-.72 1.6-1.6 1.6H5.6c-.88 0-1.6-.72-1.6-1.6v-8c0-.88.72-1.6 1.6-1.6zM20 14.743c0-.88-.72-1.6-1.6-1.6-.88 0-1.6.72-1.6 1.6V18.4c0 .88.72 1.6 1.6 1.6.88 0 1.6-.72 1.6-1.6v-3.657z",clipRule:"evenodd"}))};o.defaultProps={size:24,color:a.colors.gray600,activeColor:a.colors.primaryBase,isActive:!1};var v=function(t){var a=t.size,i=t.color,r=t.activeColor,o=t.isActive,v=e(t,["size","color","activeColor","isActive"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:a,height:a,fill:"none",viewBox:"0 0 24 24"},v),c.createElement("path",{fill:o?r:i,d:"M6 0C2.7 0 0 2.7 0 6s2.7 6 6 6 6-2.7 6-6-2.7-6-6-6zm0 2c2.2 0 4 1.8 4 4s-1.8 4-4 4-4-1.8-4-4 1.8-4 4-4zm10 0v2h-2.262c.165.64.262 1.308.262 2h5v2h-5.262a7.92 7.92 0 01-.816 2H19l.002 10H5v-6.068a7.911 7.911 0 01-2-.52V20c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2h-1V2h-2zM6.9 3.2L5.2 6.1l2.2 2.2.9-1-1.5-1.4L8 3.8l-1.1-.6z"}))};v.defaultProps={size:24,color:a.colors.gray600,activeColor:a.colors.primaryBase,isActive:!1};var s=function(t){var a=t.size,i=t.color,r=t.activeColor,o=t.isActive,v=e(t,["size","color","activeColor","isActive"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:a,height:a,fill:"none",viewBox:"0 0 24 24"},v),o?c.createElement("path",{fill:r,d:"M6 2c-1.156 0-2 .965-2 2v18.04l8-2.974 8 2.973V4c0-.523-.191-1.055-.566-1.43-.38-.379-.91-.57-1.434-.57H6z"}):c.createElement("path",{fill:i,d:"M6 2c-1.156 0-2 .965-2 2v18.04l8-2.974 8 2.973V4c0-.523-.191-1.055-.566-1.43-.38-.379-.91-.57-1.434-.57H6zm0 2h12v15.16l-6-2.226-6 2.226V4z"}))};s.defaultProps={size:24,color:a.colors.gray600,activeColor:a.colors.primaryBase,isActive:!1};var n=function(t){var a=t.size,i=t.color,r=t.activeColor,o=t.isActive,v=e(t,["size","color","activeColor","isActive"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:a,height:a,fill:"none",viewBox:"0 0 24 24"},v),o?c.createElement("path",{fill:r,d:"M9 3C5.133 3 2 5.688 2 9c0 1.129.367 2.176 1 3.078v3.64c0 .528.605.829 1.027.512l2.262-1.699C7.121 14.832 8.04 15 9 15c3.867 0 7-2.688 7-6 0-3.313-3.133-6-7-6zm8.977 5.574c.007.14.023.281.023.426 0 4.41-4.035 8-9 8-.02 0-.04-.004-.059-.004C10.152 18.79 12.411 20 15 20c.96 0 1.875-.168 2.71-.469l2.263 1.7A.642.642 0 0021 20.718v-3.64c.633-.903 1-1.95 1-3.079 0-2.398-1.648-4.465-4.023-5.426z"}):c.createElement("path",{fill:i,fillRule:"evenodd",d:"M9 3C5.133 3 2 5.688 2 9c0 1.129.367 2.176 1 3.078V17l3.29-2.469a7.586 7.586 0 001.804.41C8.625 17.81 11.508 20 15 20c.96 0 1.875-.168 2.71-.469L21 22v-4.922c.633-.902 1-1.95 1-3.078 0-3.05-2.66-5.563-6.094-5.945C15.375 5.19 12.492 3 9 3zm0 2c2.758 0 5 1.793 5 4s-2.242 4-5 4c-.707 0-1.39-.117-2.031-.348l-1.016-.367-.863.649L5 13v-1.55l-.36-.516C4.216 10.328 4 9.676 4 9c0-2.207 2.242-4 5-4zm6.879 5.074C18.219 10.406 20 12.035 20 14c0 .676-.215 1.328-.64 1.934l-.36.515V18l-.09-.066-.863-.649-1.016.367c-.64.23-1.324.348-2.031.348-2.363 0-4.336-1.32-4.855-3.086 2.91-.41 5.21-2.36 5.734-4.84z",clipRule:"evenodd"}))};n.defaultProps={size:24,color:a.colors.gray600,activeColor:a.colors.primaryBase,isActive:!1};var h=function(t){var a=t.size,i=t.color,r=e(t,["size","color"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:a,height:a,fill:"none",viewBox:"0 0 33 32"},r),c.createElement("circle",{cx:"16.5",cy:"16",r:"16",fill:i}),c.createElement("path",{fill:"#fff",d:"M22.477 7.667c-.604 0-1.207.23-1.667.69l-.977.976 3.334 3.334.976-.977a2.358 2.358 0 00-1.666-4.023zm-3.894 2.916L9 20.167V23.5h3.333l9.584-9.583-3.334-3.334z"}))};h.defaultProps={size:32,color:a.colors.primaryBase};var m=function(t){var a=t.size,i=t.color,r=t.activeColor,o=t.isActive,v=e(t,["size","color","activeColor","isActive"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:a,height:a,fill:"none",viewBox:"0 0 24 24"},v),c.createElement("path",{fill:o?r:i,d:"M8 3a3 3 0 100 6 3 3 0 000-6zm8 0a3 3 0 100 6 3 3 0 000-6zM8 5c.551 0 1 .449 1 1 0 .551-.449 1-1 1-.551 0-1-.449-1-1 0-.551.449-1 1-1zm8 0c.551 0 1 .449 1 1 0 .551-.449 1-1 1-.551 0-1-.449-1-1 0-.551.449-1 1-1zm-9 6a4 4 0 00-4 4v6h4v-2H5v-4c0-1.103.897-2 2-2h10c1.103 0 2 .897 2 2v4h-2v2h4v-6a4 4 0 00-4-4H7zm5 3a2 2 0 100 4 2 2 0 000-4zm-1 5a2 2 0 00-2 2h6a2 2 0 00-2-2h-2z"}))};m.defaultProps={size:24,color:a.colors.gray600,activeColor:a.colors.primaryBase,isActive:!1};var z=function(t){var a=t.size,i=t.color,r=t.activeColor,o=t.isActive,v=e(t,["size","color","activeColor","isActive"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:a,height:a,fill:"none",viewBox:"0 0 24 24"},v),c.createElement("path",{fill:o?r:i,d:"M9 5.5c0 .83.67 1.5 1.5 1.5H14v10.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V7h3.5c.83 0 1.5-.67 1.5-1.5S21.33 4 20.5 4h-10C9.67 4 9 4.67 9 5.5zM4.5 12H6v5.5c0 .83.67 1.5 1.5 1.5S9 18.33 9 17.5V12h1.5c.83 0 1.5-.67 1.5-1.5S11.33 9 10.5 9h-6C3.67 9 3 9.67 3 10.5S3.67 12 4.5 12z"}))};z.defaultProps={size:24,color:a.colors.gray600,activeColor:a.colors.primaryBase,isActive:!1};var f=function(t){var a=t.size,i=t.color,r=t.activeColor,o=t.isActive,v=e(t,["size","color","activeColor","isActive"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:a,height:a,fill:"none",viewBox:"0 0 24 24"},v),c.createElement("path",{fill:o?r:i,d:"M16.5 3C13.605 3 12 5.09 12 5.09S10.395 3 7.5 3A5.5 5.5 0 002 8.5c0 4.171 4.912 8.213 6.281 9.49.77.719 1.677 1.538 2.401 2.187.751.673 1.885.673 2.636 0 .724-.65 1.63-1.468 2.401-2.187C17.088 16.713 22 12.671 22 8.5A5.5 5.5 0 0016.5 3zm-1.689 13.11c-.177.16-.331.299-.456.416-.751.7-1.639 1.503-2.355 2.145a175.713 175.713 0 01-2.355-2.145c-.126-.117-.28-.257-.456-.416C7.769 14.827 4 11.419 4 8.5 4 6.57 5.57 5 7.5 5c1.827 0 2.886 1.275 2.914 1.308L12 8l1.586-1.692C13.596 6.295 14.673 5 16.5 5 18.43 5 20 6.57 20 8.5c0 2.919-3.769 6.327-5.189 7.61z"}))};f.defaultProps={size:24,color:a.colors.gray600,activeColor:a.colors.primaryBase,isActive:!1};var d=function(t){var a=t.size,i=t.color,r=t.activeColor,o=t.isActive,v=e(t,["size","color","activeColor","isActive"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:a,height:a,fill:"none",viewBox:"0 0 24 24"},v),o?c.createElement("path",{fill:r,fillRule:"evenodd",d:"M3.45 8.465l8-5.3c.331-.22.769-.22 1.1 0l8 5.3c.282.187.45.5.45.836V20c0 1.105-.895 2-2 2H5c-1.105 0-2-.895-2-2V9.3c0-.335.168-.648.45-.835zm3.886 8.215c-.44-.332-.438-.97-.05-1.361.391-.392 1.046-.413 1.512-.116.773.493 2.036 1.116 3.49 1.116 1.455 0 2.718-.623 3.49-1.116.466-.297 1.122-.275 1.512.116.39.39.391 1.029-.049 1.361-1.409 1.065-3.194 1.639-4.953 1.639-1.758 0-3.544-.574-4.952-1.639z",clipRule:"evenodd"}):c.createElement(c.Fragment,null,c.createElement("path",{fill:i,d:"M7.336 16.68c-.44-.332-.438-.97-.05-1.361.391-.392 1.046-.413 1.512-.116.773.493 2.036 1.116 3.49 1.116 1.455 0 2.718-.623 3.49-1.116.466-.297 1.122-.275 1.512.116.39.39.391 1.029-.049 1.361-1.409 1.065-3.194 1.639-4.953 1.639-1.758 0-3.544-.574-4.952-1.639z"}),c.createElement("path",{fill:i,fillRule:"evenodd",d:"M12.552 3.167a1 1 0 00-1.104 0l-8 5.302A1 1 0 003 9.303V20c0 1.094.906 2 2 2h14c1.094 0 2-.906 2-2V9.303a1 1 0 00-.448-.834l-8-5.302zm-1.104 2.398a1 1 0 011.104 0l6 3.974a1 1 0 01.448.834V19.6a.4.4 0 01-.4.4H5.4a.4.4 0 01-.4-.4v-9.227a1 1 0 01.448-.834l6-3.974z",clipRule:"evenodd"})))};d.defaultProps={size:24,color:a.colors.gray600,activeColor:a.colors.primaryBase,isActive:!1};var w=function(t){var a=t.size,i=t.color,r=t.activeColor,o=t.isActive,v=e(t,["size","color","activeColor","isActive"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:a,height:a,fill:"none",viewBox:"0 0 24 24"},v),o?c.createElement("path",{fill:r,d:"M11.678.182a1.02 1.02 0 00-.899.79l-.554 2.446L7.514 6.43A1.997 1.997 0 007 7.768V17a2 2 0 002 2h8.031c.741 0 1.412-.436 1.713-1.113l3.002-6.756c.167-.374.254-.78.254-1.19V9c0-1.1-.9-2-2-2h-7s1-2.37 1-4.137C14 1.25 12.962.544 12.107.236a.991.991 0 00-.43-.054zM3.5 7A1.5 1.5 0 002 8.5v9a1.5 1.5 0 003 0v-9A1.5 1.5 0 003.5 7z"}):c.createElement(c.Fragment,null,c.createElement("path",{fill:i,fillRule:"evenodd",d:"M10.39 4.86l.801-3.887.84.027s.946.02 1.918.508A3.764 3.764 0 0116 4.898C16 6 15.715 7.125 15.434 8H20c.523 0 1.055.191 1.434.57.375.375.566.907.566 1.43v2.402c0 .29-.08.44-.219.672l-3.375 6.754c-.304.8-1.125 1.172-1.808 1.172H8c-.523 0-1.055-.191-1.43-.566-.379-.38-.57-.91-.57-1.434V9.5c0-.523.246-1.234.844-1.633L10.39 4.86zm2.494-1.617a.695.695 0 01-.114-.024l-.563 2.719L8 9.5V19h8.582l3.207-6.418a2 2 0 00.211-.894V10.2a.2.2 0 00-.2-.2h-7.3l.578-1.383S14 6.207 14 4.898c0-1.039-.418-1.34-.95-1.601a.427.427 0 00-.166-.054z",clipRule:"evenodd"}),c.createElement("path",{fill:i,d:"M2 10a1 1 0 012 0v10a1 1 0 11-2 0V10z"})))};w.defaultProps={size:24,color:a.colors.gray600,activeColor:a.colors.primaryBase,isActive:!1};var p=function(t){var a=t.size,i=t.color,r=t.activeColor,o=t.isActive,v=e(t,["size","color","activeColor","isActive"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:a,height:a,fill:"none",viewBox:"0 0 24 24"},v),c.createElement("path",{fill:o?r:i,d:"M17 3c-1.105 0-2 .895-2 2v7l2-2h4c1.105 0 2-.895 2-2V5c0-1.105-.895-2-2-2h-4zM9.5 5A3.514 3.514 0 006 8.5C6 10.422 7.578 12 9.5 12S13 10.422 13 8.5 11.422 5 9.5 5zM17 5h4v3h-4V5zM9.5 7c.84 0 1.5.66 1.5 1.5S10.34 10 9.5 10 8 9.34 8 8.5 8.66 7 9.5 7zm0 7c-1.488 0-3.2.422-4.648 1.125-.727.355-1.387.777-1.915 1.313C2.414 16.977 2 17.675 2 18.5V21h15v-2.5c0-.824-.414-1.523-.938-2.063-.527-.535-1.187-.957-1.91-1.312C12.7 14.422 10.988 14 9.5 14zm0 2c1.078 0 2.617.363 3.777.926.579.281 1.059.61 1.352.91.293.3.371.52.371.664v.5H4v-.5c0-.145.078-.363.371-.664.293-.3.774-.629 1.356-.91C6.883 16.363 8.422 16 9.5 16z"}))};p.defaultProps={size:24,color:a.colors.gray600,activeColor:a.colors.primaryBase,isActive:!1};var g=function(t){var a=t.size,i=t.color,r=e(t,["size","color"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:a,height:a,fill:"none",viewBox:"0 0 33 32"},r),c.createElement("circle",{cx:"16.5",cy:"16",r:"16",fill:i}),c.createElement("path",{fill:"#fff",d:"M21.5 16.833h-4.166V21a.836.836 0 01-.834.833.836.836 0 01-.833-.833v-4.167H11.5a.836.836 0 01-.833-.833c0-.459.375-.834.833-.834h4.167V11c0-.459.375-.834.833-.834.459 0 .834.375.834.834v4.166H21.5c.459 0 .834.375.834.834a.836.836 0 01-.834.833z"}))};g.defaultProps={size:32,color:a.colors.primaryBase};var u=function(t){var a=t.size,i=t.color,r=t.activeColor,o=t.isActive,v=e(t,["size","color","activeColor","isActive"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:a,height:a,fill:"none",viewBox:"0 0 24 24"},v),c.createElement("path",{fill:o?r:i,d:"M12 2c-2.037 0-3.934.62-5.517 1.67l-1.5-1.5A.575.575 0 004 2.576v3.85c0 .317.257.574.574.574h3.85c.513 0 .77-.62.406-.982l-.9-.9A7.944 7.944 0 0112 4c4.43 0 8 3.57 8 8s-3.57 8-8 8-8-3.57-8-8a1 1 0 10-2 0c0 5.512 4.489 10 10 10s10-4.488 10-10C22 6.49 17.511 2 12 2z"}))};u.defaultProps={size:24,color:a.colors.gray600,activeColor:a.colors.primaryBase,isActive:!1};var C=function(t){var a=t.size,i=t.color,r=t.activeColor,o=t.isActive,v=e(t,["size","color","activeColor","isActive"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:a,height:a,fill:"none",viewBox:"0 0 24 24"},v),o?c.createElement("path",{fill:r,d:"M12 3C5.934 3 1 7.934 1 14a11 11 0 001.473 5.504s.218.496.836.496H7c.55 0 1-.45 1-1s.45-1 1-1h6c.55 0 1 .45 1 1s.45 1 1 1h3.668c.508 0 .86-.5.86-.5A10.975 10.975 0 0023 14c0-6.066-4.934-11-11-11zm0 2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm4.844 1.414a1.002 1.002 0 01-1.078 1.688 1.003 1.003 0 01-.305-1.383 1.003 1.003 0 011.383-.305zm-9.75.04A1 1 0 116.8 7.84a1.006 1.006 0 01.293-1.387zm-2.95 3.155a1 1 0 111.75.974 1 1 0 01-1.75-.974zM4 15c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm9.324.492h-.004a1.985 1.985 0 01-1.797.453 1.995 1.995 0 01-.02-3.875v-.004l.06-.015c.011 0 4.468-1.5 6.523-2.035.46-.118.777.445.445.78l-5.207 4.696zM20 15c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"}):c.createElement("path",{fill:i,d:"M12 3C5.934 3 1 7.934 1 14c0 1.934.508 3.836 1.473 5.5l.289.5H6v-2H3.937A8.998 8.998 0 013 14c0-4.965 4.04-9 9-9s9 4.035 9 9c0 1.395-.32 2.766-.938 4H18v2h3.238l.29-.5A10.975 10.975 0 0023 14c0-6.066-4.934-11-11-11zm0 3c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zM8.5 7c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm6.938 0c-.551 0-1 .45-1 1s.449 1 1 1c.55 0 1-.45 1-1s-.45-1-1-1zM6 9.5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm12.531.75l-6.968 1.8-.06.016v.004A1.99 1.99 0 0010 14c0 1.105.895 2 2 2 .508 0 .969-.195 1.324-.512l5.207-5.238zM5 13c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm14 0c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zM9 18v2h6v-2H9z"}))};C.defaultProps={size:24,color:a.colors.gray600,activeColor:a.colors.primaryBase,isActive:!1};var E=function(t){var a=t.size,i=t.color,r=t.activeColor,o=t.isActive,v=e(t,["size","color","activeColor","isActive"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:a,height:a,fill:"none",viewBox:"0 0 24 24"},v),c.createElement("path",{fill:o?r:i,d:"M19 3c-1.652 0-3 1.348-3 3 0 .46.113.895.3 1.285L12.587 11h-4.77A2.999 2.999 0 005 9c-1.652 0-3 1.348-3 3s1.348 3 3 3c1.3 0 2.402-.84 2.816-2h4.77l3.715 3.715c-.188.39-.301.824-.301 1.285 0 1.652 1.348 3 3 3s3-1.348 3-3-1.348-3-3-3c-.46 0-.895.113-1.285.3l-3.3-3.3 3.3-3.3c.39.187.824.3 1.285.3 1.652 0 3-1.348 3-3s-1.348-3-3-3z"}))};E.defaultProps={size:24,color:a.colors.gray600,activeColor:a.colors.primaryBase,isActive:!1};var M=function(t){var a=t.size,i=t.color,r=t.activeColor,o=t.isActive,v=e(t,["size","color","activeColor","isActive"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:a,height:a,fill:"none",viewBox:"0 0 24 24"},v),c.createElement("path",{fill:o?r:i,d:"M4 2c-.534 0-1.037.208-1.414.586A1.988 1.988 0 002 4v3c0 2.942 1.83 5.454 4.408 6.486.354.616.914 1.09 1.592 1.33V18a4 4 0 004 4h4a4 4 0 004-4v-.174a3 3 0 10-2-.002V18a2 2 0 01-2 2h-4a2 2 0 01-2-2v-3.184a2.987 2.987 0 001.592-1.33A7.009 7.009 0 0016 6.976V4a2 2 0 00-2-2h-1a1 1 0 000 2h1v2.777c0 2.61-1.901 4.945-4.498 5.198a5.17 5.17 0 01-.555.025c-2.733-.028-4.946-2.262-4.945-5.023L4 4h1a1 1 0 000-2H4z"}))};M.defaultProps={size:24,color:a.colors.gray600,activeColor:a.colors.primaryBase,isActive:!1};var A={Ask:r,BarChart:o,Booking:v,Bookmark:s,Boy:function(t){var a=t.size,i=void 0===a?40:a,r=e(t,["size"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:i,height:i,fill:"none",viewBox:"0 0 40 40"},r),c.createElement("circle",{cx:"20",cy:"20",r:"20",fill:"#2D87F3"}),c.createElement("path",{fill:"#fff",d:"M20.002 30.973c-2.616 0-4.945-.607-6.734-1.755-1.82-1.166-3.058-2.884-3.604-4.992-.045 0-.09.003-.136.003-.758 0-1.486-.3-2.023-.834a2.843 2.843 0 010-4.029 2.868 2.868 0 012.194-.83c.577-2.321 1.83-4.42 3.567-5.952C15.16 10.918 17.552 10 20.002 10s4.84.918 6.733 2.587c1.737 1.53 2.99 3.628 3.567 5.952a2.868 2.868 0 012.194.83 2.843 2.843 0 010 4.028 2.868 2.868 0 01-2.16.831c-.546 2.106-1.782 3.826-3.602 4.992-1.79 1.146-4.118 1.753-6.732 1.753z"}),c.createElement("path",{fill:"#2D87F3",d:"M17.95 13.19h-.014a.525.525 0 00-.524.509c0 .015-.059 1.466-2.006 1.927a.525.525 0 00-.389.63.523.523 0 00.633.386c2.18-.516 2.793-2.134 2.812-2.917a.519.519 0 00-.313-.491.527.527 0 00-.2-.044zM20.591 12.874a.524.524 0 00-.326.663c.004.014.455 1.396-1.212 2.5a.521.521 0 00.19.936.526.526 0 00.39-.066c1.866-1.236 1.878-2.966 1.625-3.708a.521.521 0 00-.464-.352.529.529 0 00-.203.027zM23.292 13.4a.525.525 0 00-.735.749c.008.007.787.783.35 2.119a.523.523 0 00.898.508.523.523 0 00.098-.183c.641-1.946-.56-3.142-.611-3.192zM15.977 21.818a1.365 1.365 0 000-1.936 1.38 1.38 0 00-1.945 0 1.365 1.365 0 000 1.936 1.38 1.38 0 001.945 0zM25.445 22.172a1.368 1.368 0 10-.682-2.652 1.369 1.369 0 10.682 2.652zM22.837 22.755a.532.532 0 00-.66.338c-.005.012-.414 1.222-2.124 1.222-1.71 0-2.12-1.21-2.124-1.222a.523.523 0 00-.998.316c.026.08.656 1.947 3.123 1.947s3.097-1.867 3.122-1.947a.52.52 0 00-.339-.654z"}))},Calendar:function(t){var a=t.size,i=void 0===a?20:a,r=t.color,o=void 0===r?"#595959":r,v=e(t,["size","color"]);return c.createElement("svg",l({width:i,height:i,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},v),c.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.8337 2.50065H16.667C17.5837 2.50065 18.3337 3.25065 18.3337 4.16732V17.5006C18.3337 18.4173 17.5837 19.1673 16.667 19.1673H3.33366C2.41699 19.1673 1.66699 18.4173 1.66699 17.5006V4.16732C1.66699 3.25065 2.41699 2.50065 3.33366 2.50065H4.16699V1.66732C4.16699 1.20898 4.54199 0.833984 5.00033 0.833984C5.45866 0.833984 5.83366 1.20898 5.83366 1.66732V2.50065H14.167V1.66732C14.167 1.20898 14.542 0.833984 15.0003 0.833984C15.4587 0.833984 15.8337 1.20898 15.8337 1.66732V2.50065ZM4.16699 17.5007H15.8337C16.292 17.5007 16.667 17.1257 16.667 16.6673V6.66732H3.33366V16.6673C3.33366 17.1257 3.70866 17.5007 4.16699 17.5007Z",fill:o}))},Community:n,EditSpecial:h,Family:m,Font:z,GenderBoy:function(t){var a=t.size,i=void 0===a?16:a,r=e(t,["size"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:i,height:i,fill:"none",viewBox:"0 0 16 16"},r),c.createElement("g",{fill:"#595959",clipPath:"url(#clip0_408_8625)"},c.createElement("path",{d:"M15.325 1.199a.602.602 0 00-.038-.151v-.005h-.001a.618.618 0 00-.107-.168.623.623 0 00-.117-.105l-.004-.002a.6.6 0 00-.175-.078.609.609 0 00-.161-.024h-4.278a.611.611 0 000 1.223h2.802L9.6 5.535a5.469 5.469 0 00-3.433-1.203 5.506 5.506 0 00-5.5 5.5c0 3.033 2.468 5.5 5.5 5.5 3.033 0 5.5-2.467 5.5-5.5 0-1.262-.425-2.46-1.203-3.433l3.648-3.647v2.802a.611.611 0 001.222 0V1.277c0-.012-.003-.025-.004-.037a.617.617 0 00-.004-.041zM6.166 14.11A4.282 4.282 0 011.89 9.833a4.282 4.282 0 017.303-3.028 4.282 4.282 0 01-3.026 7.305z"}),c.createElement("path",{fillRule:"evenodd",d:"M15.287 1.048a.602.602 0 01.042.192l.002.016a.156.156 0 01.002.021v4.278a.611.611 0 01-1.222 0V2.753L10.463 6.4a5.469 5.469 0 011.203 3.433c0 3.033-2.467 5.5-5.5 5.5a5.506 5.506 0 01-5.5-5.5c0-3.033 2.468-5.5 5.5-5.5 1.263 0 2.46.425 3.433 1.203l3.647-3.647h-2.802a.611.611 0 010-1.223h4.278a.609.609 0 01.197.036.6.6 0 01.14.067h.003a.623.623 0 01.14.135h.001a.618.618 0 01.083.138v.003l.001.003zm.064-.02c.021.053.033.107.04.162m-.04-.162a.695.695 0 00-.096-.165l-.001-.002c-.008-.009-.016-.02-.026-.03A.69.69 0 0015.1.715m-.2-.089A.675.675 0 0014.722.6h-4.278a.678.678 0 000 1.355h2.641L9.594 5.447a5.535 5.535 0 00-3.428-1.18A5.573 5.573 0 00.6 9.832 5.573 5.573 0 006.166 15.4a5.573 5.573 0 005.567-5.567c0-1.257-.417-2.45-1.18-3.427l3.491-3.492v2.641a.678.678 0 001.356 0V1.277a.202.202 0 00-.003-.027v-.004l-.001-.01a.743.743 0 00-.005-.046M1.955 9.833a4.216 4.216 0 004.211 4.211 4.216 4.216 0 002.979-7.191 4.216 4.216 0 00-7.19 2.98zm7.237-3.028a4.282 4.282 0 00-7.304 3.028 4.282 4.282 0 004.278 4.278 4.282 4.282 0 003.026-7.306z",clipRule:"evenodd"})),c.createElement("defs",null,c.createElement("clipPath",{id:"clip0_408_8625"},c.createElement("path",{fill:"#fff",d:"M0 0H16V16H0z"}))))},GenderChooseBoy:function(e){var a=t("svg-".concat(Math.random()));return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:"21",height:"20",fill:"none",viewBox:"0 0 21 20"},e),c.createElement("g",{clipPath:"url(#".concat(a.current,")")},c.createElement("path",{fill:"#45A4FF",d:"M11.203 7.633l1.914 1.914 6.397-6.397L17.6 1.235l-6.397 6.398z"}),c.createElement("path",{fill:"#45A4FF",d:"M8.083 5.334a7.333 7.333 0 100 14.667 7.333 7.333 0 000-14.667zm0 11.96a4.626 4.626 0 110-9.253 4.626 4.626 0 010 9.252z"}),c.createElement("path",{fill:"#2D87F3",d:"M7.508 8.077a4.626 4.626 0 100 9.181 4.627 4.627 0 010-9.181zM8.083 5.334a7.43 7.43 0 00-.575.022 7.334 7.334 0 010 14.622 7.333 7.333 0 10.575-14.644zM19.88 2.785v-.78L18.744.872h-.78l-2.707 2.707h1.55c.2 0 .364.163.364.365v1.55l2.707-2.708z"}),c.createElement("path",{fill:"#45A4FF",d:"M18.043 0h-4.585a.365.365 0 00-.364.365v1.978c0 .201.163.364.364.364h4.22c.201 0 .365.163.365.365v4.22c0 .2.163.364.364.364h1.978a.365.365 0 00.365-.364V.365A.365.365 0 0020.385 0h-2.342z"})),c.createElement("defs",null,c.createElement("clipPath",{id:a.current},c.createElement("path",{fill:"#fff",d:"M0 0H20V20H0z",transform:"translate(.75)"}))))},GenderChooseGirl:function(e){return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:"21",height:"20",fill:"none",viewBox:"0 0 21 20"},e),c.createElement("path",{fill:"#FE9DC2",d:"M13.748 15.546h-1.503a.321.321 0 01-.321-.322v-3.7H9.577v3.7a.321.321 0 01-.322.322H7.753a.321.321 0 00-.321.321v1.704c0 .178.144.322.321.322h1.502c.178 0 .322.144.322.321v1.465c0 .178.144.321.321.321h1.704a.321.321 0 00.322-.321v-1.465c0-.177.144-.321.321-.321h1.503a.321.321 0 00.321-.322v-1.704a.322.322 0 00-.321-.321z"}),c.createElement("path",{fill:"#FC488D",d:"M9.576 11.523v2.151a7.466 7.466 0 002.347 0v-2.15H9.576z"}),c.createElement("path",{fill:"#FE9DC2",d:"M10.75 0a6.357 6.357 0 100 12.715A6.357 6.357 0 0010.75 0zm0 10.368a4.01 4.01 0 110-8.021 4.01 4.01 0 010 8.021z"}),c.createElement("path",{fill:"#FC488D",d:"M10.157 2.391a4.01 4.01 0 100 7.934 4.011 4.011 0 010-7.934zM10.75 0c-.2 0-.398.01-.593.028a6.358 6.358 0 010 12.66A6.357 6.357 0 1010.75 0z"}))},GenderGirl:function(t){var a=t.size,i=void 0===a?16:a,r=e(t,["size"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:i,height:i,fill:"none",viewBox:"0 0 16 16"},r),c.createElement("path",{fill:"#595959",d:"M11.445 8.979a4.875 4.875 0 000-6.888 4.879 4.879 0 00-6.89 0 4.875 4.875 0 000 6.888 4.849 4.849 0 002.872 1.39V12H6.28a.573.573 0 100 1.147h1.147v1.614a.573.573 0 001.146 0v-1.614H9.72a.573.573 0 100-1.146H8.573v-1.63a4.849 4.849 0 002.872-1.391zm-6.08-.81a3.728 3.728 0 010-5.268 3.73 3.73 0 015.27 0 3.728 3.728 0 010 5.267 3.73 3.73 0 01-5.27 0z"}),c.createElement("path",{fill:"#595959",fillRule:"evenodd",d:"M5.366 8.168a3.73 3.73 0 005.268 0 3.728 3.728 0 000-5.267 3.73 3.73 0 00-5.268 0 3.728 3.728 0 000 5.267zm6.15-6.148a4.975 4.975 0 010 7.03 4.948 4.948 0 01-2.843 1.407V11.9H9.72a.673.673 0 110 1.346H8.673v1.514a.673.673 0 01-1.346 0v-1.514H6.28a.673.673 0 110-1.346h1.046v-1.443A4.948 4.948 0 014.484 9.05a4.975 4.975 0 010-7.029 4.979 4.979 0 017.032 0zm-4.09 8.35a4.849 4.849 0 01-2.871-1.391 4.875 4.875 0 010-6.888 4.879 4.879 0 016.89 0 4.875 4.875 0 010 6.888 4.849 4.849 0 01-2.872 1.39V12H9.72a.573.573 0 110 1.147H8.573v1.614a.573.573 0 01-1.146 0v-1.614H6.28a.573.573 0 110-1.146h1.147v-1.63zm-1.99-7.398a3.628 3.628 0 000 5.126 3.63 3.63 0 005.128 0 3.628 3.628 0 000-5.126 3.63 3.63 0 00-5.128 0z",clipRule:"evenodd"}))},Girl:function(t){var a=t.size,i=void 0===a?40:a,r=e(t,["size"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:i,height:i,fill:"none",viewBox:"0 0 24 24"},r),c.createElement("circle",{cx:"12",cy:"12",r:"12",fill:"#FC5D9A"}),c.createElement("path",{fill:"#fff",d:"M18.283 11.759c-.034 0-.068 0-.102.003-.346-1.394-1.099-2.652-2.14-3.57a6.132 6.132 0 00-3.726-1.544v-.532a2.062 2.062 0 001.617-.634 1.178 1.178 0 000-1.638 1.13 1.13 0 00-1.626 0c-.116.119-.218.25-.305.392a2.212 2.212 0 00-.308-.393 1.13 1.13 0 00-1.625 0 1.179 1.179 0 000 1.638 2.06 2.06 0 001.5.639c.041 0 .08 0 .117-.004v.533a6.143 6.143 0 00-3.726 1.543c-1.042.918-1.793 2.177-2.14 3.572a1.72 1.72 0 00-1.317.498 1.706 1.706 0 000 2.417c.323.32.76.5 1.215.5.027 0 .054 0 .081-.002a4.968 4.968 0 002.162 2.996c1.073.69 2.47 1.053 4.04 1.053 1.57 0 2.967-.364 4.04-1.053a4.987 4.987 0 002.162-2.998 1.72 1.72 0 001.295-.499 1.705 1.705 0 000-2.417c-.322-.32-.759-.5-1.214-.5zm-5.527-7.477a.5.5 0 01.724 0 .55.55 0 010 .763 1.446 1.446 0 01-1.165.446 1.834 1.834 0 01-.004-.077v-.09c.01-.392.168-.764.445-1.042zm-2.238.762a.55.55 0 010-.763.501.501 0 01.724 0c.276.278.435.65.444 1.042v.09c0 .027-.002.053-.004.078a1.45 1.45 0 01-1.164-.447z"}),c.createElement("path",{fill:"#FC5D9A",d:"M9.586 13.68a.819.819 0 000-1.161.828.828 0 00-1.167 0 .819.819 0 000 1.162c.323.32.845.32 1.167 0zM15.267 13.894a.821.821 0 10-.41-1.592.821.821 0 10.41 1.592zM13.704 14.242a.32.32 0 00-.282.045.314.314 0 00-.114.159c-.002.007-.248.733-1.274.733-1.027 0-1.272-.726-1.275-.733a.314.314 0 10-.598.19c.016.046.394 1.168 1.873 1.168s1.858-1.12 1.873-1.168a.313.313 0 00-.203-.394zM12.402 7.713a.315.315 0 00-.53.24.313.313 0 00.1.218c.253.248.466.533.632.845.316.61.298 1.118-.056 1.551-.403.493-.865.449-1.104.378-.33-.096-.598-.351-.625-.595-.03-.263.058-.585.318-.71.165-.077.337-.039.486.11a.315.315 0 00.538-.22.313.313 0 00-.092-.222c-.336-.337-.797-.426-1.204-.232-.473.226-.737.752-.671 1.343.055.494.495.957 1.072 1.128.151.045.308.067.465.068.491 0 .958-.228 1.305-.652.514-.63.558-1.402.127-2.234a4.11 4.11 0 00-.761-1.016z"}))},Heart:f,Home:d,Kebab:function(t){var a=t.size,i=void 0===a?20:a,r=e(t,["size"]);return c.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:i,height:i,fill:"none",viewBox:"0 0 20 20"},r),c.createElement("path",{fill:"#000",fillOpacity:"0.54",fillRule:"evenodd",d:"M10 6.667c.916 0 1.666-.75 1.666-1.666 0-.917-.75-1.667-1.666-1.667-.917 0-1.667.75-1.667 1.667 0 .916.75 1.666 1.667 1.666zm0 1.667c-.917 0-1.667.75-1.667 1.667 0 .916.75 1.666 1.667 1.666.916 0 1.666-.75 1.666-1.666 0-.917-.75-1.667-1.666-1.667zm-1.667 6.667c0-.917.75-1.667 1.667-1.667.916 0 1.666.75 1.666 1.667 0 .916-.75 1.666-1.666 1.666-.917 0-1.667-.75-1.667-1.666z",clipRule:"evenodd"}))},Like:w,MyCommunity:p,PlusSpecial:g,Recalculate:u,Scale:C,Share:E,Stethoscope:M,FullScreen:i};export{A as Icon};

package/build/esm/components/mobileBottomNavigation.js

@@ -1 +1 @@
-import"../tslib.es6-95636cf4.js";import"react";export{M as MobileBottomNavigation}from"../index-8ea520e9.js";import"styled-components";import"../theme-a50a1aa5.js";import"./text.js";import"../utils-432904d8.js";
+import"../tslib.es6-95636cf4.js";import"react";export{M as MobileBottomNavigation}from"../index-a2a0f40d.js";import"styled-components";import"../theme-a50a1aa5.js";import"./text.js";import"../utils-432904d8.js";

package/build/esm/components/navigationLayout_deprecated.js

@@ -1 +1 @@
-import"../tslib.es6-95636cf4.js";import"react";import"../together-200b1b78.js";export{a as NavigationLayout}from"../index-f1b9fbac.js";import"./heading.js";import"../theme-a50a1aa5.js";import"../utils-432904d8.js";import"styled-components";import"./logo.js";import"../constants-a0a981fa.js";import"string-format";import"./button.js";import"./container.js";import"./text.js";import"../zalo-7f0726ae.js";import"./divider.js";import"../index-6a77c6f4.js";import"./pureInput.js";import"./label.js";import"../togetherComponentGlobalContext-42d12951.js";import"../cookieHelper-0e8521c3.js";import"slugify";import"react-loading-skeleton";import"../lock-e8f828ec.js";import"./avatar.js";import"lodash";import"./popup.js";import"../translationsProvider-9283d40e.js";import"../translationsContext-873337b8.js";import"../index-18c5f367.js";import"../useTranslations-66de60e4.js";import"../constants-3be6f6a9.js";
+import"../tslib.es6-95636cf4.js";import"react";import"../together-68c58fff.js";export{a as NavigationLayout}from"../index-3f5821b7.js";import"./heading.js";import"../theme-a50a1aa5.js";import"../utils-432904d8.js";import"styled-components";import"./logo.js";import"../constants-a0a981fa.js";import"../useTranslations-d9bcdd4c.js";import"../translationsContext-873337b8.js";import"../_commonjsHelpers-406f2e34.js";import"./button.js";import"./container.js";import"./text.js";import"../zalo-d903a989.js";import"./divider.js";import"../index-6d62c282.js";import"./pureInput.js";import"./label.js";import"../togetherComponentGlobalContext-49d5b8e0.js";import"../cookieHelper-0e8521c3.js";import"react-loading-skeleton";import"../lock-6e10cde5.js";import"./avatar.js";import"lodash";import"./popup.js";import"../translationsProvider-a5fc5cf8.js";import"../index-038204e6.js";import"../constants-3be6f6a9.js";

package/build/esm/components/navigationLogoutPopup.js

@@ -1 +1 @@
-import n,{useEffect as t}from"react";import{Button as o}from"./button.js";import{Popup as e}from"./popup.js";import{createPortal as l}from"react-dom";import{u as i}from"../useTranslations-66de60e4.js";import"date-fns";import"../animation-c611f996.js";import"../lazyLoad-59e8ff6d.js";import r from"styled-components";import"../constants-3be6f6a9.js";import{M as p,a}from"../utils-432904d8.js";import"../Locale-69030fff.js";import{_ as s}from"../tslib.es6-95636cf4.js";import"../translationsContext-873337b8.js";import"string-format";import"vanilla-lazyload";var c,m,g=r.div(c||(c=s(["\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    "," {\n      width: 80px;\n      height: 80px;\n    }\n\n    "," {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ",";\n    font-style: normal;\n    font-weight: bold;\n    "," {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ",";\n    font-style: normal;\n    font-weight: normal;\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n"],["\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    "," {\n      width: 80px;\n      height: 80px;\n    }\n\n    "," {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ",";\n    font-style: normal;\n    font-weight: bold;\n    "," {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ",";\n    font-style: normal;\n    font-weight: normal;\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n"])),p.mbDown,p.mbUp,(function(n){return n.theme.colors.gray800}),p.mbDown,p.mbUp,(function(n){return n.theme.colors.gray600}),p.mbDown,p.mbUp),h=r.div(m||(m=s(["\n  display: flex;\n\n  "," {\n    margin-top: 24px;\n  }\n\n  "," {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ","\n"],["\n  display: flex;\n\n  "," {\n    margin-top: 24px;\n  }\n\n  "," {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ","\n"])),p.mbDown,p.mbUp,(function(n){return"marryBaby"===n.siteType?"\n        .cancel-button {\n            background-color: #E55C8A;\n        }\n        .cancel-button:hover {\n          background-color: #E55C8A !important;\n        }\n        .logout-button {\n            border-color: #E55C8A;\n            color: #E55C8A;\n        }\n      ":""})),u=function(r){var p=r.openLogoutPopup,s=r.onCloseHandler,c=r.onLogoutHandler,m=r.siteType,u=void 0===m?"helloSites":m,f=i().t;return t((function(){document.body.classList.toggle("noscroll",p)}),[p]),"undefined"==typeof window?null:l(n.createElement(e,{type:"confirm",isOpen:p,closeIcon:n.createElement("img",{src:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18 6L6 18' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 6L18 18' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",style:{width:24,height:24},alt:"close-icon"}),onClose:s},n.createElement(g,null,"helloSites"===u&&n.createElement("img",{src:"data:image/svg+xml,%3csvg viewBox='0 0 101 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M69.3281 2.93067V85.3526C69.3281 86.9929 68.0395 88.2823 66.3985 88.2823H42.9609C41.3199 88.2823 40.0313 86.9929 40.0313 85.3526L4.875 2.93067C4.875 1.28958 6.1636 0.000976562 7.80469 0.000976562H66.3985C68.0395 0.000976562 69.3281 1.28958 69.3281 2.93067Z' fill='%23284A75'/%3e%3cpath d='M69.3281 2.93067V85.3526C69.3281 86.9929 68.0395 88.2823 66.3984 88.2823H42.9609C41.3199 88.2823 40.0312 86.9929 40.0312 85.3526L31.2422 64.8447V0.000976562H66.3984C68.0395 0.000976562 69.3281 1.28958 69.3281 2.93067Z' fill='%231B3250'/%3e%3cpath d='M44.2496 17.8727L9.09329 0.294542C8.21515 -0.115919 7.10126 -0.115919 6.2811 0.412035C5.40219 0.99721 4.875 1.93486 4.875 2.93126V85.3531C4.875 86.6418 5.69516 87.7556 6.86704 88.1066L31.2422 96.2517L42.0233 99.8253C42.8862 100.171 43.9917 99.9756 44.66 99.4744C45.4222 98.8885 45.8906 98.0096 45.8906 97.0719V20.5094C45.8906 19.3963 45.246 18.3999 44.2496 17.8727Z' fill='%232B94FF'/%3e%3cpath d='M45.8906 20.5089V97.0714C45.8906 98.0091 45.4214 98.888 44.66 99.4739C43.9978 99.9706 42.8946 100.174 42.0233 99.8249L31.2422 96.2513V11.3682L44.2495 17.8722C45.2459 18.3994 45.8906 19.3958 45.8906 20.5089Z' fill='%232D87F3'/%3e%3cpath d='M76.7355 64.4988C75.7826 63.9899 75.1875 62.9974 75.1875 61.9155V58.9858H54.6797C53.06 58.9858 51.75 57.6751 51.75 56.0561V44.3374C51.75 42.7177 53.06 41.4077 54.6797 41.4077H75.1875V38.478C75.1875 37.3961 75.7826 36.4036 76.7355 35.8939C77.6854 35.3881 78.8443 35.4453 79.7423 36.0404L97.3204 47.7592C98.136 48.3024 98.625 49.2179 98.625 50.1968C98.625 51.1748 98.136 52.0904 97.3204 52.6336L79.7423 64.3523C78.8336 64.9589 77.6747 65.0031 76.7355 64.4988Z' fill='%23F44D2C'/%3e%3cpath d='M34.1719 44.3379V56.0567C34.1719 57.697 32.8833 58.9864 31.2422 58.9864C29.6011 58.9864 28.3125 57.697 28.3125 56.0567V44.3379C28.3125 42.6968 29.6011 41.4082 31.2422 41.4082C32.8833 41.4082 34.1719 42.6968 34.1719 44.3379Z' fill='%23F7F9FC'/%3e%3cpath d='M34.1719 44.3379V56.0567C34.1719 57.697 32.8833 58.9864 31.2422 58.9864V41.4082C32.8833 41.4082 34.1719 42.6968 34.1719 44.3379Z' fill='%23E4E8EC'/%3e%3c/svg%3e",className:"cancle-img",alt:"close-account"}),n.createElement("h2",null,f("helloSites"===u?"logout.popup.ask1":"logout.popup.ask.mb")),n.createElement("p",null,f("logout.popup.ask2")),n.createElement(h,{siteType:u},n.createElement(o,{className:"logout-button",color:"tertiary",size:"lg",onClick:c},f("logout.popup.button.logout")),n.createElement(o,{className:"cancel-button",color:"primary",size:"lg",onClick:s},f("logout.popup.button.cancel"))))),a())};export{u as NavigationLogoutPopup};
+import n,{useEffect as t}from"react";import{Button as o}from"./button.js";import{Popup as e}from"./popup.js";import{createPortal as l}from"react-dom";import{u as i}from"../useTranslations-d9bcdd4c.js";import{_ as r}from"../tslib.es6-95636cf4.js";import{M as p,a}from"../utils-432904d8.js";import c from"styled-components";import"../translationsContext-873337b8.js";import"../_commonjsHelpers-406f2e34.js";var s,m,g=c.div(s||(s=r(["\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    "," {\n      width: 80px;\n      height: 80px;\n    }\n\n    "," {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ",";\n    font-style: normal;\n    font-weight: bold;\n    "," {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ",";\n    font-style: normal;\n    font-weight: normal;\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n"],["\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    "," {\n      width: 80px;\n      height: 80px;\n    }\n\n    "," {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ",";\n    font-style: normal;\n    font-weight: bold;\n    "," {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ",";\n    font-style: normal;\n    font-weight: normal;\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n"])),p.mbDown,p.mbUp,(function(n){return n.theme.colors.gray800}),p.mbDown,p.mbUp,(function(n){return n.theme.colors.gray600}),p.mbDown,p.mbUp),h=c.div(m||(m=r(["\n  display: flex;\n\n  "," {\n    margin-top: 24px;\n  }\n\n  "," {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ","\n"],["\n  display: flex;\n\n  "," {\n    margin-top: 24px;\n  }\n\n  "," {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ","\n"])),p.mbDown,p.mbUp,(function(n){return"marryBaby"===n.siteType?"\n        .cancel-button {\n            background-color: #E55C8A;\n        }\n        .cancel-button:hover {\n          background-color: #E55C8A !important;\n        }\n        .logout-button {\n            border-color: #E55C8A;\n            color: #E55C8A;\n        }\n      ":""})),u=function(r){var p=r.openLogoutPopup,c=r.onCloseHandler,s=r.onLogoutHandler,m=r.siteType,u=void 0===m?"helloSites":m,d=i().t;return t((function(){document.body.classList.toggle("noscroll",p)}),[p]),"undefined"==typeof window?null:l(n.createElement(e,{type:"confirm",isOpen:p,closeIcon:n.createElement("img",{src:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18 6L6 18' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 6L18 18' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",style:{width:24,height:24},alt:"close-icon"}),onClose:c},n.createElement(g,null,"helloSites"===u&&n.createElement("img",{src:"data:image/svg+xml,%3csvg viewBox='0 0 101 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M69.3281 2.93067V85.3526C69.3281 86.9929 68.0395 88.2823 66.3985 88.2823H42.9609C41.3199 88.2823 40.0313 86.9929 40.0313 85.3526L4.875 2.93067C4.875 1.28958 6.1636 0.000976562 7.80469 0.000976562H66.3985C68.0395 0.000976562 69.3281 1.28958 69.3281 2.93067Z' fill='%23284A75'/%3e%3cpath d='M69.3281 2.93067V85.3526C69.3281 86.9929 68.0395 88.2823 66.3984 88.2823H42.9609C41.3199 88.2823 40.0312 86.9929 40.0312 85.3526L31.2422 64.8447V0.000976562H66.3984C68.0395 0.000976562 69.3281 1.28958 69.3281 2.93067Z' fill='%231B3250'/%3e%3cpath d='M44.2496 17.8727L9.09329 0.294542C8.21515 -0.115919 7.10126 -0.115919 6.2811 0.412035C5.40219 0.99721 4.875 1.93486 4.875 2.93126V85.3531C4.875 86.6418 5.69516 87.7556 6.86704 88.1066L31.2422 96.2517L42.0233 99.8253C42.8862 100.171 43.9917 99.9756 44.66 99.4744C45.4222 98.8885 45.8906 98.0096 45.8906 97.0719V20.5094C45.8906 19.3963 45.246 18.3999 44.2496 17.8727Z' fill='%232B94FF'/%3e%3cpath d='M45.8906 20.5089V97.0714C45.8906 98.0091 45.4214 98.888 44.66 99.4739C43.9978 99.9706 42.8946 100.174 42.0233 99.8249L31.2422 96.2513V11.3682L44.2495 17.8722C45.2459 18.3994 45.8906 19.3958 45.8906 20.5089Z' fill='%232D87F3'/%3e%3cpath d='M76.7355 64.4988C75.7826 63.9899 75.1875 62.9974 75.1875 61.9155V58.9858H54.6797C53.06 58.9858 51.75 57.6751 51.75 56.0561V44.3374C51.75 42.7177 53.06 41.4077 54.6797 41.4077H75.1875V38.478C75.1875 37.3961 75.7826 36.4036 76.7355 35.8939C77.6854 35.3881 78.8443 35.4453 79.7423 36.0404L97.3204 47.7592C98.136 48.3024 98.625 49.2179 98.625 50.1968C98.625 51.1748 98.136 52.0904 97.3204 52.6336L79.7423 64.3523C78.8336 64.9589 77.6747 65.0031 76.7355 64.4988Z' fill='%23F44D2C'/%3e%3cpath d='M34.1719 44.3379V56.0567C34.1719 57.697 32.8833 58.9864 31.2422 58.9864C29.6011 58.9864 28.3125 57.697 28.3125 56.0567V44.3379C28.3125 42.6968 29.6011 41.4082 31.2422 41.4082C32.8833 41.4082 34.1719 42.6968 34.1719 44.3379Z' fill='%23F7F9FC'/%3e%3cpath d='M34.1719 44.3379V56.0567C34.1719 57.697 32.8833 58.9864 31.2422 58.9864V41.4082C32.8833 41.4082 34.1719 42.6968 34.1719 44.3379Z' fill='%23E4E8EC'/%3e%3c/svg%3e",className:"cancle-img",alt:"close-account"}),n.createElement("h2",null,d("helloSites"===u?"logout.popup.ask1":"logout.popup.ask.mb")),n.createElement("p",null,d("logout.popup.ask2")),n.createElement(h,{siteType:u},n.createElement(o,{className:"logout-button",color:"tertiary",size:"lg",onClick:s},d("logout.popup.button.logout")),n.createElement(o,{className:"cancel-button",color:"primary",size:"lg",onClick:c},d("logout.popup.button.cancel"))))),a())};export{u as NavigationLogoutPopup};

package/build/esm/components/navigationProfileButton.js

@@ -1 +1 @@
-import"../tslib.es6-95636cf4.js";import"react";import"../lock-e8f828ec.js";export{N as NavigationProfileButton}from"../index-5692d075.js";import"./avatar.js";import"./button.js";import"./text.js";import"../useTranslations-66de60e4.js";import"../theme-a50a1aa5.js";import"./navigationLogoutPopup.js";import"../utils-432904d8.js";import"styled-components";import"../index-18c5f367.js";import"../cookieHelper-0e8521c3.js";import"../constants-a0a981fa.js";import"../constants-3be6f6a9.js";import"string-format";import"../translationsContext-873337b8.js";import"./popup.js";import"react-dom";import"date-fns";import"../animation-c611f996.js";import"../lazyLoad-59e8ff6d.js";import"vanilla-lazyload";import"../Locale-69030fff.js";
+import"../tslib.es6-95636cf4.js";import"react";import"../lock-6e10cde5.js";export{N as NavigationProfileButton}from"../index-1c61f762.js";import"./avatar.js";import"./button.js";import"./text.js";import"../useTranslations-d9bcdd4c.js";import"../theme-a50a1aa5.js";import"./navigationLogoutPopup.js";import"../utils-432904d8.js";import"styled-components";import"../index-038204e6.js";import"../cookieHelper-0e8521c3.js";import"../constants-a0a981fa.js";import"../constants-3be6f6a9.js";import"../translationsContext-873337b8.js";import"../_commonjsHelpers-406f2e34.js";import"./popup.js";import"react-dom";