@hhgtech/hhg-components 1.20.52 → 1.20.53

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- import e,{useState as n,useRef as t,useMemo as a,useEffect as o,Fragment as r,useCallback as l}from"react";import{S as i,d as c,T as s,e as m,f as d,g as p,h as u,i as g,j as h,k as f,l as v,m as x,n as y,o as E,p as b,q as w,r as k,s as C,t as L,u as N,v as z,w as M,x as F,y as D,z as _,A as B,B as A,D as H,E as S,F as j,G as T,H as I,I as P,J as V,P as O,C as Z,a as U}from"./index.styled-e93b28cd.js";import{_ as W,a as G,b as R,c as Y,d as q,e as J}from"./tslib.es6-5532bd7b.js";import{i as K,B as X,M as Q,l as $}from"./screenSizeContext-d6e9a094.js";import{Range as ee,getTrackBackground as ne,useThumbOverlap as te}from"react-range";import{B as ae,H as oe}from"./index-a973bdf7.js";import{t as re}from"./theme-a50a1aa5.js";import{h as le,i as ie,j as ce,k as se,l as me,m as de,n as pe,o as ue,p as ge,q as he,r as fe,s as ve,t as xe,u as ye,v as Ee,w as be,x as we,y as ke,z as Ce,A as Le,B as Ne,C as ze,E as Me,G as Fe,H as De,I as _e,U as Be,J as Ae,K as He,O as Se,Q as je,T as Te,V as Ie,W as Pe,X as Ve,Y as Oe,Z as Ze,_ as Ue,$ as We,a0 as Ge,a1 as Re,a2 as Ye,a3 as qe,a4 as Je,a5 as Ke,a6 as Xe,a7 as Qe,a8 as $e,a9 as en,aa as nn,ab as tn,ac as an,ad as on,ae as rn,af as ln,ag as cn,ah as sn,ai as mn,aj as dn,ak as pn,al as un,am as gn,an as hn,ao as fn,ap as vn,aq as xn,ar as yn,as as En,at as bn,au as wn,av as kn,aw as Cn,ax as Ln,ay as Nn,az as zn,aA as Mn}from"./index-996eb542.js";import{useId as Fn}from"react-id-generator";import{D as Dn}from"./index-1181afe6.js";import{format as _n,isBefore as Bn,startOfMonth as An,addMonths as Hn,subMonths as Sn,getDaysInMonth as jn,isToday as Tn,isSameDay as In,isWithinInterval as Pn,isAfter as Vn,isPast as On}from"date-fns";import Zn from"react-day-picker/DayPickerInput";import{throttle as Un}from"lodash";import{useKeenSlider as Wn}from"keen-slider/react";import"react-dom";import"./translationsContext-873337b8.js";import"string-format";import"lodash/debounce";import{d as Gn,L as Rn,F as Yn,i as qn}from"./constants-3be6f6a9.js";import Jn from"styled-components";import"./Locale-69030fff.js";import{h as Kn}from"./index-b4258d4b.js";import{u as Xn}from"./useOutsideClick-6004483a.js";import Qn from"date-fns/locale/en-US";import $n from"date-fns/locale/id";import et from"date-fns/locale/vi";import nt from"date-fns/locale/zh-TW";import{u as tt}from"./useTranslations-66de60e4.js";import{g as at}from"./getSocialList-ff22842b.js";import{I as ot}from"./index-085436b9.js";import{i as rt,a as lt,b as it,c as ct}from"./zalo-7f0726ae.js";import{D as st}from"./index-d37ea840.js";var mt=function(n){var t=n.style,a=n.onClose,o=n.text,r=n.type,l=n.contentIcon,d=n.closeIcon,p=n.className,u=n.description;return e.createElement(i,{style:t,"data-alert-type":r,className:p},e.createElement(c,null,e.createElement("div",{className:"icon-title"},l,e.createElement(s,{type:"bold",size:"label1"},o)),e.createElement(s,{type:"regular",size:"p3"},u)),e.createElement(m,{onClick:a},d))},dt=function(n){var t=n.amount,a=n.type,o=n.size,r=void 0===o?"medium":o,l=n.color,i=void 0===l?"primary":l,c=n.icon,s=n.className;return e.createElement(d,{"data-notification-type":a,"data-notification-size":r,"data-notification-color":i,"data-has-icon":!!c||void 0,notificationType:a,notificationSize:r,notificationColor:i,hasIcon:!!c,className:s},e.createElement("div",null,t&&e.createElement("span",null,t)," ",c&&e.createElement("div",null,c)))},pt=function(n){var t=n.style,a=n.children,o=n.className,r=n.size,l=void 0===r?"lg":r,i=n.type,c=void 0===i?"bold":i,s=n.upperCase,m=n.as,d=void 0===m?"h4":m,u=n.color;return e.createElement(p,{style:W({color:u},t),className:o,"data-size":l,"data-type":c,"data-uppercase":s,as:d},a)},ut=function(a){var o=a.className,r=a.value,l=a.options,i=a.onUploadSelected,c=a.id,s=a.placeholderIcon,m=a.placeholder,d=a.style,p=n(!1),x=p[0],y=p[1],E=function(){return y(!x)},b=t(l.map((function(n){return"upload"===n.type&&e.createElement("input",{id:"uploader-dropdown-input-"+c+"-"+n.value,key:"uploader-dropdown-input-"+c+"-"+n.value,accept:n.fileAcceptedType,multiple:n.multiple,type:"file",style:{display:"none"},onChange:function(e){console.log("change"),i(e.target.files)}})}))),w=e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12.17 14.83"},e.createElement("defs",null,e.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},e.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"})),e.createElement("style",null,".prefix__cls-3{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),e.createElement("title",null,"File"),e.createElement("g",{clipPath:"url(#prefix__clip-path)"},e.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29H4a1.33 1.33 0 00-1.33 1.33v10.67A1.33 1.33 0 004 15.62h8a1.33 1.33 0 001.33-1.33V7z",transform:"translate(-1.92 -1.54)"}),e.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),k=e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},e.createElement("defs",null,e.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),e.createElement("title",null,"download"),e.createElement("path",{className:"prefix__cls-1",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M4.67 7.62L8 11l3.33-3.34M8 11V3",transform:"translate(-1.25 -2.21)"})),C=e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},e.createElement("defs",null,e.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),e.createElement("title",null,"upload"),e.createElement("path",{className:"prefix__cls-1",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M11.33 6.29L8 3 4.67 6.29M8 3v8",transform:"translate(-1.25 -2.21)"}));return e.createElement(u,{className:o,"data-dropdown-open":!!x,id:c,"data-has-icons":!0,style:d,onBlur:function(){return y(!1)},tabIndex:0},e.createElement(g,{onClick:E},s||w," ",e.createElement("span",null,r&&r.value?r.label:m)),x&&e.createElement(h,{onClick:E,"data-has-icons":!0},l.map((function(n){return e.createElement(f,{key:"".concat(c,"-").concat(n.value),"data-selected":r&&r.value===n.value||void 0,onClick:function(){return"upload"===n.type?function(e){var n;null===(n=document.querySelector(e))||void 0===n||n.click()}("#uploader-dropdown-input-"+c+"-"+n.value):void((e=n.url)&&window.open(e,"_blank"));var e}},e.createElement(v,null,n.icon||"download"===n.type?k:C),n.label)}))),e.createElement(e.Fragment,null,b.current))},gt=function(n){var t=n.className,a=n.columns,o=n.columnsDesktop,r=n.gridTemplateColumns,l=n.gridTemplateColumnsDesktop,i=n.gap,c=n.children,s=n.justifyChildren,m=n.style,d=n.alignItems;return e.createElement(x,{className:t,style:m,theme:{columns:a,columnsDesktop:o,gap:i,justifyChildren:s,gridTemplateColumns:r,gridTemplateColumnsDesktop:l,alignItems:d}},c)},ht=function(t){var a=t.pagesAmount,l=t.activePage,i=t.handlePageChange,c=t.handleClick,s=t.href,m=t.queryPageName,d=void 0===m?"page":m,p=G([],Array(a),!0).map((function(e,n){return n+1})),u=n(l<=4?p.slice(0,5):l>=p.length-3?p.slice(p.length-5,p.length):p.slice(l-2,l+1)),g=u[0],h=u[1];return o((function(){l<=4?h(p.slice(0,5)):l>=p.length-3?h(p.slice(p.length-5,p.length)):h(p.slice(l-2,l+1))}),[l]),e.createElement(r,null,l>4&&e.createElement(r,null,e.createElement(b,{onClick:function(){return i(1)}},s?e.createElement("a",{href:s,onClick:c},1):1),e.createElement(b,null,"...")),g.map((function(n){return e.createElement(b,{key:"".concat("pagination","+").concat(n),"data-page-active":n===l||void 0,onClick:function(){return i(n)}},s?e.createElement("a",{href:K(s,n,d),onClick:c},n):n)})),l<p.length-3&&e.createElement(r,null,e.createElement(b,null,"..."),e.createElement(b,{onClick:function(){return i(p.length)}},s?e.createElement("a",{href:K(s,p.length,d),onClick:c},p.length):p.length)))},ft=function(t){var r=t.className,l=t.pagesAmount,i=t.currentPage,c=t.onChange,s=t.onClick,m=t.style,d=t.href,p=t.queryPageName,u=void 0===p?"page":p,g=G([],Array(l),!0).map((function(e,n){return n+1})),h=n(i),f=h[0],v=h[1],x=a((function(){return d&&d.endsWith("&page=")?d.replace("&page=",""):d}),[d]),w=l-1,k=function(e){e<=l&&e>0&&(v(e),c(e))},C=function(e){s&&s(e)};return o((function(){v(i)}),[i]),e.createElement(y,{className:r,style:m},e.createElement(E,{className:"prev-page",onClick:function(){return k(f-1)},"data-last-page":1===f||void 0},x?e.createElement("a",{href:K(x,f,u),onClick:C},e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),g.length>8?e.createElement(ht,{pagesAmount:l,activePage:f,handlePageChange:k,handleClick:C,href:x,queryPageName:u}):g.map((function(n){return e.createElement(b,{key:"".concat("pagination","+").concat(n),"data-page-active":n===f||void 0,onClick:function(){return k(n)}},x?e.createElement("a",{href:K(x,n,u),onClick:C},n):n)})),e.createElement(E,{className:"next-page",onClick:function(){return k(f+1)},"data-last-page":f===w+1||void 0},x?e.createElement("a",{href:K(x,f,u),onClick:C},e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))))},vt=function(n){var t=n.size,a=n.children,o=n.style,r=n.className;return e.createElement(w,{style:o,className:r,"data-shadow-size":t},a)};function xt(n){var t=n.rangeRef,a=n.values,o=n.index,r=te(t,a,o,1," - ",(function(e){return e})),l=r[0],i=r[1];return e.createElement(e.Fragment,null,e.createElement(z,{"data-label":o,style:i},l),e.createElement(M,{"data-label":o}))}var yt=function(t){var a=t.step,r=t.min,l=t.max,i=t.value,c=t.onChange,m=t.className,d=t.heading,p=t.isMobile,u=void 0!==p&&p,g=["#DBDFE5","#2D87F3","#DBDFE5"],h=e.useRef(),f=n(i),v=f[0],x=f[1];o((function(){x(i)}),[i[0],i[1]]);return e.createElement(k,{className:m},e.createElement(ee,{ref:h,values:v[0]>=r&&v[1]<=l?v:[r,l],onChange:x,onFinalChange:c,renderThumb:function(n){var t=n.props,a=n.index;return e.createElement(C,W({},t),e.createElement(xt,{rangeRef:h.current,values:v,index:a,isMobile:u}))},renderTrack:function(n){var t=n.props,a=n.children,o={background:ne({values:v,colors:g,min:r,max:l})};return e.createElement(e.Fragment,null,d&&e.createElement(s,{size:"md",type:"bold"},d),e.createElement(L,{onMouseDown:t.onMouseDown,onTouchStart:t.onTouchStart,style:W({},t.style)},e.createElement(N,{ref:t.ref,style:o},a)))},step:a,min:r,max:l}))},Et=function(n){var t=n.type,a=n.children,o=n.style,r=n.isInline,l=n.isSquared,i=void 0!==l&&l,c=n.className,m=n.isLight,d=n.hasMorePadding,p=n.isLink,u=n.isSelected,g=n.textProps,h=void 0===g?{size:"sm"}:g,f=h.color?{"--text-props-color":h.color}:{};return e.createElement(F,{"data-is-squared":i||void 0,"data-tag-type":t,"data-is-light":m||void 0,"data-has-more-padding":d||void 0,"data-is-inline":r||void 0,style:W(W({},o),f),className:c,"data-is-selected":u||void 0,"data-is-link":p||void 0,tagType:t,isInline:r,tagHasMorePadding:d,tagIsLight:m,tagIsSquared:i,tagIsALink:p},e.createElement(s,W({},h),a))},bt=function(n){var t=n.className,a=n.id,o=n.onChange,r=n.checked,l=n.style,i=n.label;return e.createElement(D,{className:t,style:l},e.createElement("input",{type:"checkbox",id:a,onChange:o,checked:r}),e.createElement("label",{htmlFor:a},e.createElement(_,null),i&&e.createElement(B,null,i)))},wt=function(n){var t=n.size,a=n.isDisabled,o=n.className,r=n.link,l=n.style;return e.createElement(A,{className:o,"data-size":t,style:l,"data-disabled":a||void 0},r)},kt=function(n){var t=n.type,a=n.withIcon,o=n.onFileSelected,r=n.inputId,l=n.withElement,i=n.fileAcceptType,c=n.multiple,s=n.value,m=n.className,d=function(){var e;null===(e=document.querySelector("#uploader-input-"+r))||void 0===e||e.click()};return e.createElement(H,{className:m},"badge"===t?e.createElement(S,{onClick:d,"data-is-attached-to-element":!!l},l,e.createElement(j,{"data-is-attached-to-element":!!l},a)):l?e.createElement("div",{onClick:d},l):e.createElement(ae,{size:"md",color:"secondary",className:"default-button",icon:a,onClick:d},e.createElement(T,null,e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},e.createElement("defs",null,e.createElement("style",null,".prefix__cls-1{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),e.createElement("title",null,"upload"),e.createElement("path",{className:"prefix__cls-1",d:"M14 10v2.67A1.33 1.33 0 0112.67 14H3.33A1.33 1.33 0 012 12.67V10M11.33 5.33L8 2 4.67 5.33M8 2v8",transform:"translate(-1.25 -1.25)"})),"Upload Image")),e.createElement("input",{id:"uploader-input-"+r,accept:i,multiple:c,type:"file",style:{display:"none"},onChange:function(e){o(e.target.files)},value:s}))},Ct=function(n){var t=n.label,a=n.name,o=n.checked,r=n.className,l=n.isDisabled,i=n.onChange,c=n.value,s=n.isRectangle;return e.createElement(I,{className:r,"data-disabled":l||void 0,"data-is-rectangle":s||void 0,"data-label-text":t},e.createElement("input",{type:"checkbox",checked:o,name:a,onChange:function(){return i(c,!o)},disabled:l,value:c,id:"".concat(a,"-").concat(c),"data-label-text":t}),!s&&e.createElement("label",{htmlFor:"".concat(a,"-").concat(c)},t))},Lt=function(n){return e.createElement("svg",W({},n,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),e.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#D2D6DC"}))},Nt=function(n){return e.createElement("svg",W({},n,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),e.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#FFC326"}))},zt=function(n){return e.createElement("svg",W({},n,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),e.createElement("path",{d:"M12.0001 17.2697L17.1701 20.3897C17.5501 20.6197 18.0201 20.2797 17.9201 19.8497L16.5501 13.9697L21.1101 10.0197C21.4401 9.72973 21.2701 9.17973 20.8201 9.13973L14.8101 8.62973L12.4601 3.08973C12.2901 2.67973 11.7101 2.67973 11.5401 3.08973L9.19006 8.62973L3.18006 9.13973C2.74006 9.17973 2.56006 9.72973 2.90006 10.0197L7.46006 13.9697L6.09006 19.8497C5.99006 20.2797 6.46006 20.6197 6.84006 20.3897L12.0001 17.2697Z",fill:"#E4E8EC"}),e.createElement("mask",{id:"mask0_3555_5815",maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},e.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),e.createElement("g",{mask:"url(#mask0_3555_5815)"},e.createElement("path",{d:"M11.9998 17.2697L17.1698 20.3897C17.5498 20.6197 18.0198 20.2797 17.9198 19.8497L16.5498 13.9697L21.1098 10.0197C21.4398 9.72973 21.2698 9.17973 20.8198 9.13973L14.8098 8.62973L12.4598 3.08973C12.2898 2.67973 11.7098 2.67973 11.5398 3.08973L9.18981 8.62973L3.17981 9.13973C2.73981 9.17973 2.55981 9.72973 2.89981 10.0197L7.45981 13.9697L6.08981 19.8497C5.98981 20.2797 6.45981 20.6197 6.83981 20.3897L11.9998 17.2697Z",fill:"#FFC326"})))},Mt=function(t){var a=t.gap,o=void 0===a?2:a,r=t.size,l=void 0===r?24:r,i=t.star,c=t.totalStars,s=void 0===c?5:c,m=t.onSelect,d=t.hideEmptyStars,p=t.style,u=t.className,g=Math.floor(i),h=i-g>=.5?1:0,f=n(null),v=f[0],x=f[1],y=v||g,E=v?0:h;return e.createElement(P,{"data-selectable":!!m,style:W({"--gap":o,"--star-size":l},p),className:u},Array.from({length:d?g+h:s}).map((function(n,t){var a=function(){return!!m&&x(t+1)},o=function(){return!!m&&x(null)};return t+1<=y?e.createElement(Nt,{key:t,onClick:function(){return null==m?void 0:m(t+1)},onMouseOver:a,onMouseLeave:o}):t+1===y+E?e.createElement(zt,{key:t,onClick:function(){return null==m?void 0:m(t+1)},onMouseOver:a,onMouseLeave:o}):e.createElement(Lt,{key:t,onClick:function(){return null==m?void 0:m(t+1)},onMouseOver:a,onMouseLeave:o})})))},Ft=function(n){var t=n.percent,a=n.style;return e.createElement(V,{style:W({"--progress":t},a)})},Dt=function(n){var t=n.avatarImg,a=n.authorName,o=n.authorLink,r=n.uploadTime,l=n.size;return e.createElement(ce,null,e.createElement("div",{className:"author"},e.createElement("div",{className:"avatar","data-size":l},t),e.createElement("div",{className:"poster","data-is-disabled-url":!o},e.createElement(s,{size:"lg"===l?"p3":"p4"},e.createElement("a",{href:o},e.createElement("span",{className:"name"},a),"•"," "),e.createElement("span",null,r)))))},_t=function(n){var t=n.isMobile,a=n.avatarImg,o=n.name,r=n.link,l=n.size,i=void 0===l?"lg":l,c=n.specialty;return n.handleClick,n.isBookmarked,n.dataEventCategoryForBookmark,n.dataEventActionForBookmark,n.dataEventLabelForBookmark,e.createElement(ce,null,e.createElement("div",{className:"author"},e.createElement("div",{className:"expert-avatar","data-size":i},a),e.createElement("div",{className:"expert","data-is-disabled-url":!r},t?e.createElement("a",{href:r},"lg"===i?e.createElement(e.Fragment,null,e.createElement(oe,{tag:"h6",className:"expert__name",color:re.colors.gray600},o),e.createElement(s,{color:re.colors.gray500,size:"p3",className:"specialty"},c)):e.createElement(e.Fragment,null,e.createElement(oe,{tag:"h6",className:"expert__name",color:re.colors.gray600},o))):e.createElement("a",{href:r},"lg"===i?e.createElement(e.Fragment,null,e.createElement(oe,{tag:"h6",className:"expert__name",color:re.colors.gray600},o),e.createElement(s,{color:re.colors.gray500,size:"p3",className:"specialty"},c)):e.createElement(e.Fragment,null,e.createElement(se,{color:re.colors.gray600,className:"expert__name"},o),e.createElement(s,{color:re.colors.gray500,size:"p4",className:"specialty"},c))))))},Bt=function(n){var t=n.articleLink,a=n.authorLink,o=n.authorName,r=n.avatarImg,l=n.banner,i=n.categoryLink,c=n.categoryName,m=n.className,d=n.dataEventActionForBanner,p=n.dataEventActionForBookmark,u=n.dataEventActionForCategory,g=n.dataEventActionForTitle,h=n.dataEventCategoryForBanner,f=n.dataEventCategoryForBookmark,v=n.dataEventCategoryForCategory,x=n.dataEventCategoryForTitle,y=n.dataEventLabelForBanner,E=n.dataEventLabelForBookmark,b=n.dataEventLabelForCategory,w=n.dataEventLabelForTitle,k=n.direction,C=void 0===k?"horizontal":k,L=n.hasAffiliate,N=n.isBookmark,z=void 0!==N&&N,M=n.isBookmarkDisplayed,F=void 0===M||M,D=n.isMobile,_=void 0===D||D,B=n.onBookmark,A=n.onClickCategoryName,H=n.section,S=void 0===H?"normal":H,j=n.size,T=void 0===j?"md":j,I=n.specialty,P=n.style,V=n.styleBanner,O=n.styleLabel,Z=n.styleTitle,U=n.text,W=n.title,G=n.type,R=void 0===G?"author":G,Y=n.uploadTime,q=n.articleLinkTarget,J=function(e){e.stopPropagation(),B&&B()},K="lg"===T&&"expert"===R?"h4":"lg"===T&&"home"===S?_?"h4":"h3":"lg"===T?"h4":"h5",X="lg"===T?"p3":"p4",Q=_||"home"!==S||"lg"!==T||"author"!==R?"c2":"c1";return e.createElement(le,{className:m,"data-size":T,style:P,"data-direction":C,"data-is-expert":"expert"===R||void 0},e.createElement("div",{className:"banner",style:V},e.createElement(ie,{"data-event-category":h,"data-event-action":d,"data-event-label":y,href:t||"#",target:q},l),L&&e.createElement("div",{className:"shoppable"},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),e.createElement("path",{d:"M16.6667 8.00033H15.3333C15.3333 6.16033 13.84 4.66699 12 4.66699C10.16 4.66699 8.66667 6.16033 8.66667 8.00033H7.33333C6.6 8.00033 6 8.60033 6 9.33366V17.3337C6 18.067 6.6 18.667 7.33333 18.667H16.6667C17.4 18.667 18 18.067 18 17.3337V9.33366C18 8.60033 17.4 8.00033 16.6667 8.00033ZM12 6.00033C13.1067 6.00033 14 6.89366 14 8.00033H10C10 6.89366 10.8933 6.00033 12 6.00033ZM12 12.667C10.4467 12.667 9.14 11.607 8.77333 10.167C8.66 9.74699 8.98667 9.33366 9.42 9.33366C9.73333 9.33366 9.98667 9.56033 10.0733 9.86699C10.3067 10.7137 11.08 11.3337 12 11.3337C12.92 11.3337 13.6933 10.7137 13.9267 9.86699C14.0133 9.56033 14.2667 9.33366 14.58 9.33366C15.0133 9.33366 15.3333 9.74699 15.2267 10.167C14.86 11.607 13.5533 12.667 12 12.667Z",fill:"white"})))),e.createElement("div",{className:"content"},e.createElement("div",{className:"inner-content"},e.createElement(s,{style:O,className:"label",size:Q,type:"caption"},e.createElement(ie,{"data-event-category":v,"data-event-action":u,"data-event-label":b,href:i||"#",onClick:A},c),F&&e.createElement("a",{className:"bookmark",onClick:J},z?e.createElement("svg",{"data-event-category":f,"data-event-action":p,"data-event-label":E,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M13 15L7 11.1111L1 15V2.55556C1 2.143 1.18061 1.74733 1.5021 1.45561C1.82359 1.16389 2.25963 1 2.71429 1H11.2857C11.7404 1 12.1764 1.16389 12.4979 1.45561C12.8194 1.74733 13 2.143 13 2.55556V15Z",fill:"#2ED69E",stroke:"#2ED69E",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})):e.createElement("svg",{"data-event-category":f,"data-event-action":p,"data-event-label":E,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M12.75 2.25H5.25C4.425 2.25 3.75 2.925 3.75 3.75V15.75L9 13.5L14.25 15.75V3.75C14.25 2.925 13.575 2.25 12.75 2.25Z",fill:"#D2D6DC"})))),e.createElement(oe,{tag:K,style:Z,className:"title",as:"lg"===T?"h2":"h3"},e.createElement(ie,{"data-event-category":x,"data-event-action":g,"data-event-label":w,href:t||"#",target:q},W)),U&&e.createElement("a",{href:t||"#",target:q},e.createElement(s,{size:X,className:"text"},U))),e.createElement("div",{className:"footer"},"author"===R?e.createElement(Dt,{size:T,avatarImg:r,authorName:o,authorLink:a,uploadTime:Y,handleClick:J,isBookmarked:z,dataEventCategoryForBookmark:f,dataEventActionForBookmark:p,dataEventLabelForBookmark:E}):e.createElement(_t,{size:T,isMobile:_,avatarImg:r,specialty:I,name:o,link:a,handleClick:J,isBookmarked:z,dataEventCategoryForBookmark:f,dataEventActionForBookmark:p,dataEventLabelForBookmark:E}))))},At=function(n){var t=n.LinkComponent,a=n.page,o=n.isLast,r=n.onChangePage,l=a.label,i=a.value,c=a.isDropdown,s=a.dropdownItems,m=a.dataEventCategory,d=a.dataEventAction,p=a.dataEventLabel;return c?e.createElement(Dn,{options:s,placeholder:"...",id:"",placeholderIcon:null,onChange:r,className:"collapsed-breadcrumb"}):e.createElement(pe,{title:"string"!=typeof l?i:l,"data-last":o},t&&e.createElement(t,{"data-event-category":m,"data-event-action":d,"data-event-label":p,href:i||"#"},l))},Ht=function(n){var t=n.className,o=n.pages,l=n.size,i=n.LinkComponent,c=void 0===i?"a":i,s=n.onChangePage,m=n.separator,d=a((function(){return o.map((function(e,n){return o.length>4?n>1&&n<o.length-2?null:1===n?W(W({},e),{isDropdown:1===n,dropdownItems:o.slice(1,o.length-2)}):e:e})).filter(Boolean)}),[o]),p=Fn(d.length);return e.createElement(me,{"data-size":l,className:t},d.map((function(n,t){var a=t+1===d.length;return e.createElement(r,{key:p[t]},e.createElement(At,{LinkComponent:c,page:n,isLast:a,onChangePage:s}),!a&&(m||e.createElement(de,{"data-size":l})))})))},St=function(n){var t=n.imgBanner,a=n.label,o=n.className,r=n.style,l=n.href,i=void 0===l?"":l,c=n.dataEventCategory,m=n.dataEventAction,d=n.dataEventLabel;return e.createElement(ue,{"data-event-category":c,"data-event-action":m,"data-event-label":d,className:o,style:r,href:i,onClick:function(e){""===i&&e.preventDefault()}},e.createElement("div",{className:"banner"},t),e.createElement("div",{className:"content"},e.createElement(s,{className:"category_name",size:"sm",type:"bold"},a)))},jt=function(n){var t=n.name,a=n.values,o=void 0===a?[]:a,r=n.onChanges,l=n.options,i=void 0===l?[]:l,c=n.className,s=n.type,m=void 0===s?"vertical":s,d=n.isDisabled,p=n.isRectangle,u=function(e,n){var t=o.slice();if(n)t.push(e);else{var a=t.findIndex((function(n){return n===e}));t.splice(a,1)}r&&r(t)};return e.createElement(ge,{className:c,"data-type":m,"data-is-rectangle":p||void 0},i.map((function(n,a){return e.createElement(Ct,{label:n.label,name:t,key:"".concat(a,"-").concat(n.value),checked:o.includes(n.value),value:n.value,isDisabled:d||n.disabled,onChange:!d&&u,isRectangle:p})})))},Tt={"vi-VN":["Tháng 1","Tháng 2","Tháng 3","Tháng 4","Tháng 5","Tháng 6","Tháng 7","Tháng 8","Tháng 9","Tháng 10","Tháng 11","Tháng 12"],"id-ID":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"ms-MY":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"km-KH":["មករា","ខែកុម្ភៈ","មីនា","ខែមេសា","ឧសភា","មិថុនា","ខែកក្កដា","សីហា","ខែកញ្ញា","តុលា","វិច្ឆិកា","ធ្នូ"],"en-PH":["January","February","March","April","May","June","July","August","September","October","November","December"],"th-TH":["มกราคม","กุมภาพันธ์","มีนาคม","เมษายน","อาจ","มิถุนายน","กรกฎาคม","สิงหาคม","กันยายน","ตุลาคม","พฤศจิกายน","ธันวาคม"],"my-MM":["ဇန်နဝါရီလ","ဖေဖော်ဝါရီလ","မတ်လ","ပြီလ","မေလ","ဇွန","ဇူလိုင်လ","သြဂုတ်လ","စက်တင်ဘာ","အောက်တိုဘာ","နိုဝင်ဘာ","ဒီဇင်ဘာ"],"zh-TW":["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],"hi-IN":["जनवरी","फ़रवरी","जुलूस","अप्रैल","मई","जून","जुलाई","अगस्त","सितंबर","अक्टूबर","नवंबर","दिसंबर"]},It=function(a){var r=a.alignRight,l=void 0===r||r,i=a.placeholder,c=a.displayDateFormat,s=a.onChange,m=a.customInput,d=a.pickedDate,p=a.className,u=a.isStatic,g=a.disabledDays,h=a.modifiers,f=a.UnHideOnClickOutside,v=a.initialMonth,x=a.locale,y=void 0===x?"en-PH":x,E=t(!1),b=_n,w=n(v||new Date),k=w[0],C=w[1],L=t(null),N=t(null),z=Tt[y],M=function(e){f||L.current&&L.current.contains(e.target)||N.current&&N.current.hideDayPicker()},F=(new Date).getFullYear(),D=new Date(F-150,0),_=new Date(F+1,0),B=function(n){for(var t=n.date,a=n.onChange,o=n.monthLabels,r=[],l=_.getFullYear();l>=D.getFullYear();l-=1)r.push(l);var i=function(e){var n=e.target.form,t=n.year,o=n.month;a(new Date(t.value,o.value))};return e.createElement("div",{className:"DayPicker-Caption"},e.createElement(fe,null,e.createElement("select",{name:"month",onChange:i,value:t.getMonth()},o.map((function(n,t){return e.createElement("option",{key:n,value:t},n)}))),e.createElement("select",{name:"year",onChange:i,value:t.getFullYear()},r.map((function(n){return e.createElement("option",{key:n,value:n},n)})))))};return o((function(){return document.addEventListener("mousedown",M,!1),function(){document.removeEventListener("mousedown",M,!1)}}),[]),e.createElement(he,{className:p,"data-align-right":l,ref:L,"data-is-static":u||void 0},e.createElement(Zn,{ref:N,inputProps:{readOnly:!0},keepFocus:!1,classNames:{container:"pickerContainer",overlayWrapper:"pickerOverlayWrapper",overlay:"pickerOverlay"},component:m&&e.forwardRef((function(n,t){return e.createElement(m,W({},n))})),onDayPickerHide:function(){E.current=!1},onDayPickerShow:function(){E.current=!0},dayPickerProps:{month:k,className:"picker",selectedDays:d,canChangeMonth:!0,enableOutsideDaysClick:!u,firstDayOfWeek:1,captionElement:function(n){var t=n.date,a=n.localeUtils,o=null==a?void 0:a.getMonths();return e.createElement(B,{date:t,monthLabels:z||o,onChange:C})},disabledDays:g||void 0,modifiers:h},format:c||"yyyy-MM-dd",formatDate:function(e,n){return b(e,n)},hideOnDayClick:!u,placeholder:i||"",onDayChange:function(e){var n;n=e,N.current&&!u&&N.current.hideDayPicker(),s&&s(n)},showOverlay:u}))},Pt=function(n){var t=n.size,a=n.iconPosition,o=n.className,r=n.children,l=n.icon;return e.createElement(ve,{className:o,"data-size":t,"data-icon-position":a},"left"===a&&l,r,"right"===a&&l)},Vt=function(t){var a=t.type,r=t.numberOfStep,i=t.activeStep,c=t.labelPrefix,s=t.detailSteps,m=t.className,d=t.onChange,p=n(0),u=p[0],g=p[1],h=function(n){var t=n.trackClassName,a=R(n,["trackClassName"]);return e.createElement(be,W({},a,{className:t}),e.createElement(we,null))},f=e.createElement(xe,{className:m+" progress-bar"},e.createElement(h,null),e.createElement((function(n){var t=n.trackLength,a=n.activeStep,o=n.labelPrefix,l=void 0===o?"Step":o,i=n.onChange;return e.createElement(e.Fragment,null,Array.from({length:r},(function(e,n){return n})).map((function(n,o){return e.createElement(ke,{"data-is-active":o===a,"data-label":o,style:{left:o*t/(r-1)},onClick:function(){i&&i(o)},key:o},o+1,e.createElement(Ce,{"data-step-passed":o<=a},l+" "+(o+1)))})))}),{trackLength:u,activeStep:i,labelPrefix:c,onChange:d})),v=e.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 5.5 9.5"},e.createElement("title",null,"chevron-right"),e.createElement("path",{d:"M.75 8.75l4-4-4-4",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5})),x=e.createElement(ye,null,s&&Array.from({length:s.length},(function(e,n){return n})).map((function(n,t){var a;return e.createElement(Ee,{key:t,"data-selected":t===i,onClick:function(){d&&d(t)}},null===(a=s[t])||void 0===a?void 0:a.text," ",t<s.length-1&&v)}))),y=e.createElement(xe,{className:m+" progress-bar"},e.createElement((function(n){var t=n.detailSteps,a=n.activeStep,o=n.onChange,r=Fn(t.length);return e.createElement(e.Fragment,null,Array.from({length:t.length},(function(e,n){return n})).map((function(n,l){return e.createElement(Le,{key:r[l],style:{left:100/t.length*l+"%",width:100/t.length+"%"},onClick:function(){o&&o(l)}},t[l].icon?e.createElement(Ne,{onClick:function(){o&&o(l)}},t[l].icon):e.createElement(ze,{"data-is-active":l===a,"data-label":n,onClick:function(){o&&o(l)},key:l},l+1),e.createElement(Me,{"data-step-passed":l<a+1},t[l].text,e.createElement(Fe,null,t[l].description)),l<t.length-1&&e.createElement(h,{"data-step-passed":l<a,trackClassName:"progress-track","data-track-type":"detail"}))})))}),{activeStep:i,detailSteps:s,onChange:d})),E=l(Un((function(){var e=document.querySelector(".progress-bar");e&&g(e.offsetWidth)}),1e3),[]);return o((function(){var e=document.querySelector(".progress-bar");return g(null==e?void 0:e.offsetWidth),window.addEventListener("resize",E),function(){window.removeEventListener("resize",E)}}),[]),"step-track"===a&&f||"breadcrumb"===a&&x||"detail-track"===a&&y},Ot=Object.freeze({__proto__:null,SideMenu:De,SideHeader:_e,UserInfo:Be,MenuLink:Ae}),Zt=function(n){var t=n.isDisabled,a=n.isLeft,o=n.onClick,r=n.className,l=n.scheme,i=void 0===l?"hellosites":l;return e.createElement(je,{onClick:o,"data-is-disabled":t,"data-is-left":a,className:r},e.createElement("svg",{width:"8",height:"12",viewBox:"0 0 8 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a?e.createElement("path",{d:"M2.92902 6.00015L6.75002 2.17915C7.16402 1.76515 7.16402 1.09315 6.75002 0.679152C6.33602 0.265152 5.66402 0.265152 5.25002 0.679152L0.636023 5.29315C0.245023 5.68415 0.245023 6.31715 0.636023 6.70715L5.25002 11.3212C5.66402 11.7352 6.33602 11.7352 6.75002 11.3212C7.16402 10.9072 7.16402 10.2352 6.75002 9.82115L2.92902 6.00015Z",fill:"hellosites"===i?"#595959":"#E55C8A"}):e.createElement("path",{d:"M5.07095 6.00015L1.24995 2.17915C0.835953 1.76515 0.835953 1.09315 1.24995 0.679152C1.66395 0.265152 2.33595 0.265152 2.74995 0.679152L7.36395 5.29315C7.75495 5.68415 7.75495 6.31715 7.36395 6.70715L2.74995 11.3212C2.33595 11.7352 1.66395 11.7352 1.24995 11.3212C0.835953 10.9072 0.835953 10.2352 1.24995 9.82115L5.07095 6.00015Z",fill:"hellosites"===i?"#595959":"#E55C8A"})))},Ut=function(t){for(var a=t.row,o=t.column,r=t.children,l=t.scheme,i=void 0===l?"hellosites":l,c=t.classNameLeftArrow,s=void 0===c?"":c,m=t.classNameRightArrow,d=void 0===m?"":m,p=t.mode,u=void 0===p?"snap":p,g=t.isDotsShown,h=void 0===g||g,f=t.isArrowShown,v=void 0!==f&&f,x=t.dataEventCategory,y=t.dataEventAction,E=t.dataEventLabel,b=t.onChangePage,w=e.useState(0),k=w[0],C=w[1],L=n(!1),N=L[0],z=L[1],M=Wn({defaultAnimation:{duration:1e3},initial:0,slideChanged:function(e){C(e.track.details.rel),b&&b(e.track.details.rel)},created:function(){z(!0)},drag:!0,mode:u,slides:{spacing:12}}),F=M[0],D=M[1],_=[],B=a*o,A=0;A<r.length;A+=B){var H=r.slice(A,A+B);_.push(H)}return e.createElement(He,{row:a,column:o},e.createElement("div",{className:"navigation-wrapper"},e.createElement("div",{ref:F,className:"keen-slider slides-wrapper"},_.map((function(n,t){return e.createElement("div",{key:t,className:"keen-slider__slide page-items"},n.map((function(n,t){return e.createElement("div",{key:t},n)})))}))),N&&D.current&&v&&e.createElement(e.Fragment,null,e.createElement(Zt,{isLeft:!0,onClick:function(e){var n;return e.stopPropagation()||(null===(n=D.current)||void 0===n?void 0:n.prev())},isDisabled:0===k,scheme:i,className:"left-arrow ".concat(s),"data-event-category":x,"data-event-action":y,"data-event-label":E}),e.createElement(Zt,{isLeft:!1,onClick:function(e){var n;return e.stopPropagation()||(null===(n=D.current)||void 0===n?void 0:n.next())},isDisabled:k===D.current.track.details.slides.length-1,scheme:i,className:"right-arrow ".concat(d),"data-event-category":x,"data-event-action":y,"data-event-label":E}))),N&&D.current&&h&&e.createElement("div",{className:"dots"},G([],Array(D.current.track.details.slides.length),!0).map((function(n,t){return e.createElement(Se,{key:t,onClick:function(){var e;null===(e=D.current)||void 0===e||e.moveToIdx(t)},"data-is-active":k===t,"data-is-hellosites":"hellosites"===i})}))))},Wt=function(n){var t=n.type,a=n.description,o=n.value,r=n.withIcon,l=n.isInACard,i=n.cardColor,c=n.className;return e.createElement(Te,{className:c,"data-size":t,"data-is-in-card":"big"===t&&l,"data-card-color":i},e.createElement(Ie,null,"small"===t&&e.createElement(Pe,{"data-color":i}),a),e.createElement(Ve,{"data-size":t},"small"!==t&&r,o))},Gt=Object.freeze({__proto__:null,Table:Oe,Cell:Ze,Head:Ue,Row:We,Body:Ge}),Rt=function(t){var a=t.style,r=t.initialTab,l=t.tabContent,i=t.onChange,c=t.className,m=t.dataEventCategory,d=t.dataEventAction,p=t.dataEventLabel,u=t.id,g=n(r||0),h=g[0],f=g[1],v=Fn(l.length);return o((function(){f(r)}),[r]),e.createElement(Re,{style:a,className:c,role:"tablist",id:u},l.map((function(n,t){return e.createElement(Ye,{"data-is-tab-active":h===t||void 0,"aria-selected":h===t,role:"tab",onClick:function(){f(t),i&&i(t)},onKeyDown:function(e){"Enter"===e.key&&(f(t),i&&i(t))},key:v[t],"data-event-category":m,"data-event-action":d,"data-event-label":p,tabIndex:0},e.createElement(qe,null,n.icon&&e.createElement(Je,null,n.icon),e.createElement(s,{size:n.textSize||"sm",type:n.textType||"bold",color:n.textColor||re.colors.gray800,dataEventCategory:n.dataEventCategory,dataEventAction:n.dataEventAction,dataEventLabel:n.dataEventLabel},n.name)))})))},Yt=function(n){var t=n.thankyou,a=n.thankyouSubtitle,o=n.className,r=n.style;return e.createElement(Ke,{className:o,style:r},e.createElement("div",{className:"survey-inner-wrapper"},e.createElement(Xe,null,e.createElement("div",{className:"survey-thankyou-wrapper-inner"},e.createElement("svg",{viewBox:"0 0 122 122",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"survey-thankyou-icon"},e.createElement("path",{d:"M61.5 122C94.6371 122 121.5 95.1371 121.5 62C121.5 28.8629 94.6371 2 61.5 2C28.3629 2 1.5 28.8629 1.5 62C1.5 95.1371 28.3629 122 61.5 122Z",fill:"#E3F2FF"}),e.createElement("ellipse",{cx:"61.5",cy:"110.36",rx:"48",ry:"3.36",fill:"#91CAFF"}),e.createElement("path",{d:"M82.9048 72.6663H101.5L87.597 40H35.403L21.5 72.6663H40.0952V91H83.0786L82.9048 72.6663Z",fill:"#2C74DF"}),e.createElement("path",{d:"M74.4004 15.0005H39.863C36.9017 15.0005 34.5 17.4022 34.5 20.3635V72.5769C34.5 75.5383 36.9017 77.9399 39.863 77.9399H83.1357C86.097 77.9399 88.4987 75.5383 88.4987 72.5769V29.0988L88.4987 21.0005C88.4987 17.6868 85.8124 15.0005 82.4987 15.0005H74.4004Z",fill:"white"}),e.createElement("path",{d:"M88.8529 80.1077H34.1469C31.8699 80.1077 30.06 78.3036 30.06 76.0338V65.3837C30.06 63.1139 31.8699 61.3098 34.1469 61.3098H88.8529C91.1299 61.3098 92.9398 63.1139 92.9398 65.3837V76.0338C92.9398 78.3036 91.1299 80.1077 88.8529 80.1077Z",fill:"#E4E8EC"}),e.createElement("path",{d:"M90.838 85.4512H32.1618C29.8849 85.4512 28.075 83.6471 28.075 81.3774V70.7272C28.075 68.4575 29.8849 66.6533 32.1618 66.6533H90.7796C93.0566 66.6533 94.8665 68.4575 94.8665 70.7272V81.3774C94.9249 83.6471 93.0566 85.4512 90.838 85.4512Z",fill:"white"}),e.createElement("path",{d:"M103.748 75.4919V105.755C103.748 107.675 102.172 109.247 100.245 109.247H23.0031C21.0764 109.247 19.5 107.675 19.5 105.755V75.4919C19.5 73.5713 21.0764 72 23.0031 72H42.3866C44.3133 72 45.8897 73.5713 45.8897 75.4919V80.8461C45.8897 81.1952 46.1232 81.428 46.4735 81.428H76.7749C77.1253 81.428 77.3588 81.1952 77.3588 80.8461V75.4919C77.3588 73.5713 78.9352 72 80.8618 72H100.245C102.172 72 103.748 73.5713 103.748 75.4919Z",fill:"#45A4FF"}),e.createElement("path",{d:"M51.9541 91.3767V94.4612C51.9541 96.0907 53.2386 97.3711 54.8733 97.3711H67.7179C69.3526 97.3711 70.6371 96.0907 70.6371 94.4612V91.3767",stroke:"#2C74DF",strokeWidth:"3",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M120.5 38.0251C118.5 37.7793 117.25 39.3768 118.125 41.22L118.375 41.9573C119.125 43.8006 118 45.398 116 45.1523L115.25 45.0294C113.25 44.7836 112 46.3811 112.875 48.2244L113.25 48.9616C114 50.8049 112.875 52.4025 110.875 52.1567L110.125 52.0337C108.625 51.9109 107.5 52.7712 107.5 54",stroke:"#FE921D",strokeWidth:"1.9096",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M1.53299 62C1.2644 63.413 2.6745 64.337 4.35323 63.8478L5.02472 63.6304C6.70346 63.087 8.11356 64.0109 7.84496 65.4783L7.7107 66.0217C7.4421 67.4348 8.8522 68.3587 10.5309 67.8696L11.2024 67.6522C12.8812 67.1087 14.2913 68.0326 14.0227 69.5L13.8884 70.0435C13.687 71.1304 14.4256 71.8913 15.5 72",stroke:"#00B16A",strokeWidth:"2.8751",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M118 92C119.381 92 120.5 90.8807 120.5 89.5C120.5 88.1193 119.381 87 118 87C116.619 87 115.5 88.1193 115.5 89.5C115.5 90.8807 116.619 92 118 92Z",stroke:"#00B16A",strokeWidth:"2.8751",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M82.0001 3.18747L83.1875 7.53467L87.5347 6.34727L86.3473 2.00007L82.0001 3.18747Z",stroke:"#00B16A",strokeWidth:"2.1628",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M17.0001 28C18.1046 28 19 27.1045 19 25.9999C19 24.8954 18.1046 24 17.0001 24C15.8955 24 15 24.8954 15 25.9999C15 27.1045 15.8955 28 17.0001 28Z",stroke:"#FE921D",strokeWidth:"2.3278",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M61.5 26.6667C54.136 26.6667 48.1667 32.6361 48.1667 40.0001C48.1667 47.3641 54.136 53.3334 61.5 53.3334C68.864 53.3334 74.8334 47.3641 74.8334 40.0001C74.8334 32.6361 68.864 26.6667 61.5 26.6667ZM69.1094 36.9427L59.776 46.2761C59.516 46.5361 59.1747 46.6667 58.8334 46.6667C58.492 46.6667 58.1507 46.5361 57.8907 46.2761L53.8907 42.2761C53.3694 41.7547 53.3694 40.9121 53.8907 40.3907C54.412 39.8694 55.2547 39.8694 55.776 40.3907L58.8334 43.4481L67.224 35.0574C67.7454 34.5361 68.588 34.5361 69.1094 35.0574C69.6307 35.5787 69.6307 36.4214 69.1094 36.9427Z",fill:"#00CB8A"})),t&&e.createElement(oe,{className:"survey-thankyou-title",tag:"h3"},t),a&&e.createElement(s,{className:"survey-thankyou-subtitle",size:"p3"},a)))))},qt=function(t){var a=t.items,r=t.className,l=t.style,i=t.backgroundPanelStyle,c=t.isOpen,s=t.onOpen,m=t.onClose,d=t.disableBackdropClick,p=t.siteType,u=void 0===p?"hb":p,g=t.animationType,h=void 0===g?"zoom":g,f=t.zIndex,v=void 0===f?300:f,x=n(!!c),y=x[0],E=x[1];o((function(){E(!!c)}),[c]);var b=function(){E(!1),m&&m()};return e.createElement(Qe,{style:l,className:r,"data-floatmenu-open":y,"data-site-type":u,"data-animation-type":h},e.createElement($e,{className:"float-button-group__panel",style:W({zIndex:v},i),onClick:d?void 0:b}),e.createElement(en,{className:"float-button-group___content",style:{zIndex:v}},e.createElement(nn,null,a.map((function(n,t){return e.createElement(tn,{className:"float-item-button-".concat(t),style:W(W({},"zoom"===h&&{bottom:64*(a.length-1-t),transitionDelay:"".concat(an/a.length*(y?a.length-1-t:t),"ms")}),"slide"===h&&{bottom:64*(a.length-1-t),transitionDelay:"".concat(an/a.length*(y?t:a.length-1-t),"ms")}),key:t,onClick:function(){n.onClick(),n.keepMenuOnClick||E(!1)}},e.createElement(on,{style:W({},"zoom"===h&&{transitionDelay:"".concat(an/a.length*(y?a.length-1-t:t),"ms")})},n.label),e.createElement(rn,{className:"float-item-button__icon-wrapper",style:W({},("zoom"===h||"slide"===h)&&{transitionDelay:"".concat(an/a.length*(y?a.length-1-t:t),"ms")})},n.icon))}))),e.createElement(ln,{onClick:y?b:function(){E(!0),s&&s()}})))},Jt=function(n){var t=n.className,a=n.policiesUrl,o=n.onAcceptClick,r=n.translations,l=void 0===r?{acceptButton:"Accept",policiesButton:"Our Policies"}:r,i=n.title,c=void 0===i?"":i,s=n.description,m=void 0===s?"":s,d=n.theme,p=void 0===d?"helloSites":d,u=n.isOpen,g=void 0===u||u,h=n.useDefaultPosition,f=void 0===h||h,v=n.trackingAttributes;return e.createElement(cn,{className:t,"data-theme":p,"data-is-open":g,"data-default-position":f},e.createElement(sn,{"data-has-content":!!c},c),e.createElement(mn,{dangerouslySetInnerHTML:{__html:m}}),e.createElement(dn,null,e.createElement(pn,{role:"button",tabIndex:0,on:"tap:consent-element.accept",onClick:o,"data-event-category":null==v?void 0:v.dataEventCategory,"data-event-action":null==v?void 0:v.dataEventAction,"data-event-label":null==v?void 0:v.dataEventLabel},l.acceptButton),e.createElement(un,{href:a},l.policiesButton)))},Kt=function(n){var t,a,o,r,l,i,c,s,m,d,p,u,g,h,f,v,x,y,E,b=n.SEOData,w=void 0===b?{}:b,k=n.isAmp,C=void 0!==k&&k,L=n.locale,N=void 0===L?"vi-VN":L,z=n.routerPathname,M=n.routerQuery,F=n.nextHead,D=n.siteType,_=n.seoCustom,B=n.userId,A=n.forcedCanonicalUrl,H=w.totalPages,S=w.currentPage,j=w.SEOTitle,T=void 0===j?"":j,I=w.SEODescription,P=void 0===I?"":I,V=w.SEOImage,O=w.seoType,Z=w.SEOImageWidth,U=w.SEOImageHeight,R=w.customMetaData,Y=void 0===R?[]:R,q=w.isIndexable,J=void 0===q||q,K=w.hasNoCanonical,X=void 0!==K&&K,Q=J&&qn?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",$=process.env.NEXT_PUBLIC_BASE_API_URL,ee=w.canonicalUrl||z;Object.keys(M).forEach((function(e){var n=M[e];n&&Array.isArray(n)&&(ee=ee.replace("[...".concat(e,"]"),n.join("/")))}));var ne,te=N||"en-PH",ae="helloSites"===D?Gn[te]:"www.marrybaby.vn",oe=ee.endsWith("/")?"":"/";if(w.apiMetaData&&"string"==typeof w.apiMetaData){var re=null===(t=w.apiMetaData)||void 0===t?void 0:t.match(/<title.*?>(.*)<\/title>/),le=" - Page ".concat(S," of ").concat(H),ie=S&&1!==S&&re?w.apiMetaData.replace(re[0],re[0].includes("-")?re[0].replace("-",le+" - "):"<title>".concat(re[1].concat(le),"</title>")).replace('<link rel="canonical" href="https://'.concat(ae).concat(ee).concat(oe,'" />'),'<link rel="canonical" href="https://'.concat(ae).concat(ee).concat(oe,"?page=").concat(S,'" />')):w.apiMetaData,ce=(ne=Kn(ie,{trim:!0})).find((function(e){var n,t;return"og:image"===(null===(n=e.props)||void 0===n?void 0:n.property)||"og:image:secure_url"===(null===(t=e.props)||void 0===t?void 0:t.property)}));if(!ce){var se="https://".concat(ae,"/images/").concat(N,".png");ne=G(G([],ne,!0),[e.createElement("meta",{key:"og:image",property:"og:image",content:(null===(a=w.openGraph)||void 0===a?void 0:a.image)||se||""}),e.createElement("meta",{key:"og:image:secure_url",property:"og:image:secure_url",content:(null===(o=w.openGraph)||void 0===o?void 0:o.image)||se}),e.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(r=w.openGraph)||void 0===r?void 0:r.imageWidth)&&String(null===(l=w.openGraph)||void 0===l?void 0:l.imageWidth)||"1200"}),e.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(i=w.openGraph)||void 0===i?void 0:i.imageHeight)&&String(null===(c=w.openGraph)||void 0===c?void 0:c.imageHeight)||"630"})],!1)}}var me="https://".concat(ae,"/images/").concat(N,".png");return e.createElement(F,null,e.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===D&&e.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter&family=Krub:wght@600&display=swap",rel:"stylesheet"}),"km-KH"===N?e.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"id-ID"===N||"ms-MY"===N?e.createElement(e.Fragment,null):e.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap",rel:"preload",as:"style"}),e.createElement("link",{rel:"preconnect",href:$}),e.createElement("meta",{charSet:"UTF-8"}),!C&&e.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),e.createElement("meta",{name:"google",content:"notranslate"}),e.createElement("meta",{name:"robots",content:Q}),e.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),Y.map((function(n,t){return e.createElement("meta",W({key:t},n))})),e.createElement("meta",{name:"theme-color",content:"helloSites"===D?"#2c87f3":"#e85388"}),e.createElement("meta",{name:"page_type",content:"Home"}),e.createElement("meta",{name:"page_platform",content:"WEB"}),e.createElement("meta",{name:"page_language",content:te}),e.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),C&&e.createElement(e.Fragment,null,e.createElement("script",{async:!0,"custom-element":"amp-analytics",src:"https://cdn.ampproject.org/v0/amp-analytics-0.1.js"}),e.createElement("script",{async:!0,"custom-element":"amp-fx-collection",src:"https://cdn.ampproject.org/v0/amp-fx-collection-0.1.js"}),e.createElement("script",{async:!0,"custom-element":"amp-ad",src:"https://cdn.ampproject.org/v0/amp-ad-0.1.js"}),e.createElement("script",{async:!0,"custom-element":"amp-next-page",src:"https://cdn.ampproject.org/v0/amp-next-page-1.0.js"}),e.createElement("script",{async:!0,"custom-element":"amp-sticky-ad",src:"https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js"}),e.createElement("script",{async:!0,"custom-element":"amp-social-share",src:"https://cdn.ampproject.org/v0/amp-social-share-0.1.js"}),e.createElement("script",{async:!0,"custom-element":"amp-bind",src:"https://cdn.ampproject.org/v0/amp-bind-0.1.js"})),!ne&&e.createElement(e.Fragment,null,"helloSites"===D?e.createElement("title",null,_?T:T+" - "+(null===(s=Rn[N])||void 0===s?void 0:s.SITE_NAME)):e.createElement("title",null,T),!X&&e.createElement("link",{rel:"canonical",href:"https://".concat(ae).concat(ee)}),e.createElement("meta",{name:"description",content:P||(null===(m=w.openGraph)||void 0===m?void 0:m.description)}),w.schemaData&&e.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:w.schemaData}}),e.createElement("meta",{property:"og:locale",content:N}),e.createElement("meta",{property:"og:type",content:O||"website"}),e.createElement("meta",{property:"og:title",content:(null===(d=w.openGraph)||void 0===d?void 0:d.title)||T}),e.createElement("meta",{property:"og:description",content:(null===(p=w.openGraph)||void 0===p?void 0:p.description)||P}),e.createElement("meta",{property:"og:url",content:"https://".concat(ae).concat(ee)}),e.createElement("meta",{property:"og:site_name",content:"https://".concat(ae)}),e.createElement("meta",{property:"og:image",content:(null===(u=w.openGraph)||void 0===u?void 0:u.image)||V||me||""}),e.createElement("meta",{property:"og:image:secure_url",content:(null===(g=w.openGraph)||void 0===g?void 0:g.image)||V||me}),e.createElement("meta",{property:"og:image:width",content:(null===(h=w.openGraph)||void 0===h?void 0:h.imageWidth)&&String(null===(f=w.openGraph)||void 0===f?void 0:f.imageWidth)||Z&&String(Z)||"1200"}),e.createElement("meta",{property:"og:image:height",content:(null===(v=w.openGraph)||void 0===v?void 0:v.imageHeight)&&String(null===(x=w.openGraph)||void 0===x?void 0:x.imageHeight)||U&&String(U)||"630"}),e.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),e.createElement("meta",{name:"twitter:title",content:(null===(y=w.twitter)||void 0===y?void 0:y.title)||T}),e.createElement("meta",{name:"twitter:description",content:P}),e.createElement("meta",{name:"twitter:image",content:(null===(E=w.twitter)||void 0===E?void 0:E.image)||V})),("helloSites"===D?Yn[te]||[]:Yn.marryBaby).map((function(n,t){return"link"===n.type?e.createElement("link",{key:"favicon-".concat(t),rel:n.rel,href:n.href,sizes:n.sizes}):"meta"===n.type?e.createElement("meta",{key:t,name:n.name,content:n.content}):null})),Array.isArray(ne)&&A?ne.filter((function(e){return"canonical"!==e.props.name&&"canonical"!==e.props.rel})):ne,A&&e.createElement("link",{rel:"canonical",href:A}),!w.hasNoAmp&&"vi-VN"!==N&&e.createElement("link",{rel:"amphtml",href:"https://".concat(ae).concat(ee).concat(oe,"?amp=1")}),B&&"undefined"!=typeof window?e.createElement("script",{dangerouslySetInnerHTML:{__html:"window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '".concat(B,"'});")}}):null)},Xt=function(n){var t=n.ampNextArticles,a=(null==t?void 0:t.filter(Boolean))||[];if(!(null==a?void 0:a.length))return null;return e.createElement("amp-next-page",null,e.createElement("script",{type:"application/json",dangerouslySetInnerHTML:{__html:JSON.stringify(a.map((function(e){return{image:e.image||"",title:e.title?JSON.stringify(e.title):"",url:e.link||""}})))}}),e.createElement("div",W({},{separator:""},{className:"amp-page-seperator",style:{color:"#8C8C8C",textTransform:"uppercase",fontSize:11,fontWeight:700,marginLeft:16}}),"Next article:"))},Qt=function(){return"undefined"!=typeof window&&window.innerWidth<X.BREAK_POINT_MOBILE},$t=function(){return"undefined"!=typeof window&&window.innerWidth>=X.BREAK_POINT_MOBILE&&window.innerWidth<X.BREAK_POINT_PC};var ea={"en-PH":Qn,"vi-VN":et,"zh-TW":nt,"id-ID":$n};function na(t){var r=t.value,l=void 0===r?{from:null,to:null}:r,i=n(null),c=i[0],s=i[1],m=function(){var e=n(Qt()),t=e[0],a=e[1],r=n($t()),l=r[0],i=r[1];return o((function(){var e=function(){a(Qt()),i($t())};return window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]),{isMobile:t,isLargeMobile:l}}().isMobile,d=n((function(){return l})),p=d[0],u=d[1],g=n((function(){var e;return An(null!==(e=l.from)&&void 0!==e?e:new Date)})),h=g[0],f=g[1],v=a((function(){return Hn(h,1)}),[h]);var x=W(W({},t),{goToNextMonth:function(){f((function(e){return Hn(e,1)}))},goToPreviousMonth:function(){f((function(e){return Sn(e,1)}))},range:p,setRange:u,hoverDay:c,setHoverDay:s});return e.createElement(e.Fragment,null,e.createElement(ta,W({},x,{date:h})),!m&&e.createElement(gn,null),!m&&e.createElement(ta,W({},x,{date:v})))}function ta(n){var t=n.date,r=n.range,l=n.setRange,i=n.onChange,c=n.goToPreviousMonth,s=n.goToNextMonth,m=n.minDate,d=n.maxDate,p=n.close,u=void 0===p?function(){}:p,g=n.autoClose,h=void 0!==g&&g,f=n.hoverDay,v=n.setHoverDay,x=tt().locale,y=a((function(){var e;return null!==(e=ea[x])&&void 0!==e?e:ea["en-PH"]}),[x]),E=a((function(){return _n(t,"MMMM",{locale:y})}),[t,y]),b=a((function(){return y?[1,2,3,4,5,6,0].map((function(e){return y.localize.day(e,{width:"narrow"})})):[]}),[y]);function w(n,t){if(null===n)return e.createElement(kn,{key:"idx-".concat(t),"data-empty":"true"});var a=n.getDate(),o=Tn(n),i=!!r.from&&In(r.from,n),c=!!r.to&&In(r.to,n),s=i||c,p=!1;null!==f&&r.from&&Bn(r.from,f)&&!r.to?p=Pn(n,{start:r.from,end:f}):r.from&&r.to&&(p=Pn(n,{start:r.from,end:r.to}));var g=!1;return m&&d?g=!Pn(n,{start:m,end:d}):m?g=Bn(n,m):d&&(g=Vn(n,d)),e.createElement(kn,{key:a,"data-is-today":o,"data-is-past":!o&&On(n),"data-is-selected":s,"data-is-disabled":g,"data-in-range":p,"data-is-from":i,"data-is-to":c,onMouseEnter:function(){v(n)},onMouseLeave:function(){return v(null)},onClick:function(){g||l((function(e){return h&&r.from&&!r.to&&u(),function(e,n){return n.from||n.to?n.from&&n.to?{from:e,to:null}:n.from?Bn(e,n.from)?W(W({},n),{from:e}):W(W({},n),{to:e}):n:W(W({},n),{from:e})}(n,e)}))}},e.createElement(Cn,{onClick:function(){}},e.createElement("p",null,a)))}return o((function(){r.from&&r.to&&i(r)}),[r]),e.createElement(hn,{className:"calendar-wrapper"},e.createElement(fn,null,e.createElement(ae,{onClick:c,size:"md",color:"ghost",icon:e.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"})}),e.createElement("div",{className:"calendar-month"},E,e.createElement("strong",null,_n(t,"yyyy"))),e.createElement(ae,{onClick:s,size:"md",color:"ghost",icon:e.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"})})),e.createElement(vn,null,e.createElement("div",null,e.createElement(xn,null,b.map((function(n,t){return e.createElement(yn,{key:"".concat(n,"-").concat(t)},n)})))),e.createElement("div",null,function(){for(var n=t.getFullYear(),a=t.getMonth(),o=jn(t),l=[],i=1;i<=o;i++)l.push(new Date(n,a,i));var c=l[0]?l[0].getDay():0;if(1!==c){var s=0===c?6:c-1;for(i=0;i<s;i++)l.unshift(null)}return e.createElement(En,{key:"month-".concat(a),"data-month-index":a,"data-has-range":Boolean(r.from&&r.to)},e.createElement(bn,null,e.createElement(wn,null,l.map(w))))}())))}function aa(o){var r=o.inputSize,l=void 0===r?"md":r,i=o.name,c=void 0===i?"date-range-picker":i,s=o.value,m=o.minDate,d=o.maxDate,p=o.onChange,u=o.className,g=o.autoClose,h=void 0!==g&&g;s||(s={from:null,to:null});var f=n(!1),v=f[0],x=f[1];function y(){x(!1)}var E=t(null);function b(e){p&&p(e)}function w(e){return _n(e,"dd/MM/yyyy")}Xn(E,(function(){y()}));var k=a((function(){return s.from&&s.to?In(s.from,s.to)?w(s.from):"".concat(w(s.from)," - ").concat(w(s.to)):""}),[s.from,s.to]);return e.createElement(Ln,{className:[u,v&&"focused"].filter(Boolean).join(" "),ref:E},e.createElement("label",{htmlFor:c},e.createElement(O,{size:l,value:k,name:c,actionIcon:e.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 x(!0)}})),v?e.createElement(Nn,{onMouseDown:function(e){e.stopPropagation()}},e.createElement(na,{value:s,onChange:b,minDate:m,maxDate:d,close:y,autoClose:h})):null)}var oa,ra,la=function(){return e.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M6.86364 10.6666H5.22727C4.86912 10.6666 4.51448 10.5977 4.18359 10.4637C3.8527 10.3296 3.55205 10.1332 3.2988 9.8856C2.78734 9.3855 2.5 8.70722 2.5 7.99998C2.5 7.29274 2.78734 6.61446 3.2988 6.11436C3.81026 5.61426 4.50396 5.33331 5.22727 5.33331H6.86364M9.78374 5.33331H11.7727C12.1309 5.33331 12.4855 5.40229 12.8164 5.5363C13.1473 5.67031 13.4479 5.86674 13.7012 6.11436C13.9545 6.36198 14.1553 6.65596 14.2924 6.97949C14.4295 7.30303 14.5 7.64979 14.5 7.99998C14.5 8.35017 14.4295 8.69693 14.2924 9.02047C14.1553 9.344 13.9545 9.63798 13.7012 9.8856C13.4479 10.1332 13.1473 10.3296 12.8164 10.4637C12.4855 10.5977 12.1309 10.6666 11.7727 10.6666H9.78374",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M6.5 8H10.5",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"}))},ia=function(n){var t=n.url,a=n.onCopied,o=n.locale,r=tt().t,l=at(t||"").filter((function(e){return!e.allowedLocales||e.allowedLocales.includes(o)}));return e.createElement(zn,null,e.createElement(s,{size:"p3",color:re.colors.gray800},r("shareContainer.title")),e.createElement("div",{className:"icon-group"},l.map((function(n,t){return e.createElement("a",{key:t,href:n.href,target:"_blank",rel:"noreferrer"},n.icon)})),e.createElement(ae,{size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:e.createElement(la,null),onClick:function(){return Y(void 0,void 0,void 0,(function(){var e;return q(this,(function(n){switch(n.label){case 0:return[4,null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(t)];case 1:return n.sent(),null==a||a(),[2]}}))}))}})))},ca=function(){return e.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"copy"},e.createElement("path",{d:"M4 2.5C3.17125 2.5 2.5 3.17125 2.5 4V13.75C2.5 14.164 2.836 14.5 3.25 14.5C3.664 14.5 4 14.164 4 13.75V4H13.75C14.164 4 14.5 3.664 14.5 3.25C14.5 2.836 14.164 2.5 13.75 2.5H4ZM7 5.5C6.17125 5.5 5.5 6.17125 5.5 7V16C5.5 16.8287 6.17125 17.5 7 17.5H16C16.8287 17.5 17.5 16.8287 17.5 16V7C17.5 6.17125 16.8287 5.5 16 5.5H7ZM7 7H16V16H7V7Z",fill:"#595959"}))},sa=function(n){var t=n.open,a=n.title,r=n.onClose,i=n.onCopied,c=n.onShared,m=n.url,d=n.locale,p=R(n,["open","title","onClose","onCopied","onShared","url","locale"]),u=tt().t,g=l((function(){return Y(void 0,void 0,void 0,(function(){var e;return q(this,(function(n){switch(n.label){case 0:return[4,null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(m)];case 1:return n.sent(),null==i||i(),[2]}}))}))}),[m,i]),h=at(m||"").filter((function(e){return!e.allowedLocales||e.allowedLocales.includes(d)}));return console.log(h),o((function(){t&&navigator.share&&navigator.share({title:null!=a?a:"Read This Post",url:m}).then((function(){null==c||c()})).catch((function(){null==r||r()}))}),[m,a,c,t]),navigator.share?null:e.createElement(Mn,W({title:u("share.title"),onClose:r,open:t,placement:"bottom"},p),e.createElement("div",{className:"share-container"},e.createElement("div",{className:"icon-container"},e.createElement(s,{type:"semiBold",size:"s3",color:re.colors.gray600},u("share.title")),e.createElement("div",{className:"icon-group"},h.map((function(n,t){return e.createElement("a",{key:t,href:n.href,target:"_blank",rel:"noreferrer"},n.icon)})))),e.createElement("div",{className:"link-container"},e.createElement(s,{type:"semiBold",size:"s3",color:re.colors.gray600},u("share.copyLink")),e.createElement("div",{className:"input-group"},e.createElement(ot,{name:"link",size:"md",value:m,isDisabled:!0}),e.createElement(ae,{size:"md",type:"button",color:"tertiary",icon:e.createElement(ca,null),onClick:g})))))},ma=Jn.footer(oa||(oa=J(["\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"])),Q.mbDown,Q.mbDown,Q.mbUp,(function(e){return e.theme.colors.neutral500}),(function(e){return e.theme.colors.neutral500}),Q.mbUp,Q.mbDown,(function(e){return e.theme.colors.neutral500}),Q.mbUp,Q.mbUp,(function(e){return e.theme.colors.neutral500}),Q.mbUp,(function(e){return e.theme.colors.neutral500}),Q.mbDown,Q.mbUp,(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),Q.mbDown,(function(e){return e.theme.colors.neutral500}),Q.mbDown,Q.mbUp,(function(e){return e.theme.colors.neutral500}),Q.mbDown,Q.mbUp,(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),Q.mbUp),da=Jn.div(ra||(ra=J(["\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"]))),pa=function(n){var t=n.url,a=n.isMobile,o=n.dataEventCategory,r=n.dataEventAction,l=n.dataEventLabel,i=n.isAmp;return e.createElement(da,{"data-is-mobile":a},i?e.createElement("amp-img",{className:"country-flag",src:t,alt:"Country Flag","data-event-category":o,"data-event-action":r,"data-content-label":l}):e.createElement("img",{loading:"lazy",className:"country-flag lazy","data-src":t,alt:"Country Flag","data-event-category":o,"data-event-action":r,"data-content-label":l}))},ua=function(n){var t,a,r,l,i,c,m,d,p,u,g,h,f,v,x,y,E,b,w,k,C,L,N,z,M,F,D,_,B,A,H,S,j,T,I,P=n.className,V=n.type,O=void 0===V?"main":V,U=n.footerInfo,W=n.isMobile,G=n.locale,R=n.isAmp,Y=tt().t,q=null==U?void 0:U.menu;return o((function(){setTimeout((function(){return null==$?void 0:$.update()}),100)}),[]),e.createElement(ma,{as:R&&"mini"===O?"div":"footer",className:P,style:"mini"===O?{backgroundColor:re.colors.neutral50}:{},"next-page-hide":!0},e.createElement(Z,null,e.createElement("div",{className:"inner","data-type":O,"next-page-hide":""},"main"===O?e.createElement(e.Fragment,null,e.createElement("a",{href:"/"},R?(null===(a=null==U?void 0:U.general)||void 0===a?void 0:a.logo)?e.createElement("amp-img",{src:null===(r=null==U?void 0:U.general)||void 0===r?void 0:r.logo,alt:"Site logo",width:"132",height:"32",style:{marginBottom:24}}):null:e.createElement("img",{loading:"lazy",className:"footer-logo lazy","data-src":null===(t=null==U?void 0:U.general)||void 0===t?void 0:t.logo,alt:"Logo","data-is-sehat":"id-ID"===G})),e.createElement("div",{className:"columns"},e.createElement("div",{className:"newsletter"},e.createElement(s,{size:"p1",type:"bold"},null===(l=null==U?void 0:U.general)||void 0===l?void 0:l.content),e.createElement(ae,{className:"signupButton",color:"primary",size:"lg"},Y("footer.signUp")),e.createElement("div",{className:"social"},e.createElement(s,{size:"sm",type:"regular"},null===(i=null==U?void 0:U.social)||void 0===i?void 0:i.title),e.createElement("div",{className:"icons"},null===(m=null===(c=null==U?void 0:U.social)||void 0===c?void 0:c.socials)||void 0===m?void 0:m.map((function(n,t){return e.createElement("a",{key:t,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,href:n.url},R?e.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,src:n.icon,alt:"Logo Social",width:"32",height:"32"}):e.createElement("img",{loading:"lazy","data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,"data-src":n.icon,alt:"Logo Social",className:"social-icon lazy"}))}))),e.createElement("hr",{className:"hrMobile"}))),e.createElement("div",null,q&&e.createElement(e.Fragment,null,e.createElement("div",{className:"biglinks"},null===(p=null===(d=q[0])||void 0===d?void 0:d.items)||void 0===p?void 0:p.map((function(n,t){return e.createElement("a",{"data-event-category":"Footer","data-event-action":n.title,"data-event-label":"https://".concat(Gn[G]).concat(n.url),className:"bigLink",key:t,href:n.url},n.title)}))),e.createElement("hr",{className:"hrMobile"}),e.createElement("div",{className:"mHalf"},e.createElement(s,{type:"regular",size:"sm",className:"linkTitle"},null===(u=q[1])||void 0===u?void 0:u.menu_title),null===(h=null===(g=q[1])||void 0===g?void 0:g.items)||void 0===h?void 0:h.map((function(n,t){return e.createElement("a",{"data-event-category":"Footer","data-event-action":n.title,"data-event-label":"https://".concat(Gn[G]).concat(n.url),className:"link",href:n.url,key:t},e.createElement(s,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:n.title,dataEventLabel:"https://".concat(Gn[G]).concat(n.url)},n.title))}))),e.createElement("div",{className:"mHalf"},e.createElement(s,{type:"regular",size:"sm",className:"linkTitle"},null===(f=q[2])||void 0===f?void 0:f.menu_title),null===(x=null===(v=q[2])||void 0===v?void 0:v.items)||void 0===x?void 0:x.map((function(n,t){return n.url&&e.createElement("a",{"data-event-category":"Footer","data-event-action":n.title,"data-event-label":n.url,className:"link",href:n.url,key:t},e.createElement(s,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:n.title,dataEventLabel:n.url},n.title))})))),!R&&e.createElement(e.Fragment,null,e.createElement("hr",{className:"hrMobile"}),e.createElement("div",{className:"otherSites"},e.createElement(s,{type:"regular",size:"sm",className:"linkTitle"},null===(y=null==U?void 0:U.branch)||void 0===y?void 0:y.title),e.createElement("div",{className:"flags"},null===(b=null===(E=null==U?void 0:U.branch)||void 0===E?void 0:E.branch)||void 0===b?void 0:b.map((function(n,t){return e.createElement("a",{className:"link",href:n.url,key:t,"data-event-category":"Footer","data-event-action":n.name,"data-event-label":n.url},e.createElement(pa,{url:n.flag,isMobile:W,dataEventCategory:"Footer",dataEventAction:n.name,dataEventLabel:n.url,isAmp:R}))}))))))),e.createElement("hr",null),e.createElement("div",{className:"copyright","data-is-amp":R||void 0},(null===(w=null==U?void 0:U.general)||void 0===w?void 0:w.verified)&&e.createElement("a",{href:null===(C=null===(k=null==U?void 0:U.general)||void 0===k?void 0:k.verified[0])||void 0===C?void 0:C.url,className:"copyright-image"},R?e.createElement("amp-img",{src:null===(N=null===(L=null==U?void 0:U.general)||void 0===L?void 0:L.verified[0])||void 0===N?void 0:N.image,alt:"DMCA Icon",width:"100",height:"36"}):e.createElement("img",{loading:"lazy",className:"lazy","data-src":null===(M=null===(z=null==U?void 0:U.general)||void 0===z?void 0:z.verified[0])||void 0===M?void 0:M.image,alt:"DMCA Icon"})),e.createElement(s,{size:"xs",type:"regular",className:"copyright-content"},null===(F=null==U?void 0:U.general)||void 0===F?void 0:F.copyright)),"vi-VN"===G&&e.createElement(s,{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")):e.createElement(e.Fragment,null,(null==U?void 0:U.menu)&&e.createElement("div",{className:"columns"},e.createElement("div",{className:"mHalf"},e.createElement(s,{type:"regular",size:"sm",className:"linkTitle"},null===(D=null==U?void 0:U.menu[1])||void 0===D?void 0:D.menu_title),null===(B=null===(_=null==U?void 0:U.menu[1])||void 0===_?void 0:_.items)||void 0===B?void 0:B.map((function(n){return e.createElement("a",{className:"link",href:n.url,key:n.title,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Information","data-content-title":n.title,"data-content-id":"https://".concat(Gn[G]).concat(n.url),"data-event-category":"Footer","data-event-action":n.title,"data-event-label":"https://".concat(Gn[G]).concat(n.url)},e.createElement(s,{dataEventCategory:"Footer",dataEventAction:n.title,dataEventLabel:"https://".concat(Gn[G]).concat(n.url),size:"sm",type:"regular",style:{color:re.colors.gray800}},n.title))}))),e.createElement("div",{className:"mHalf"},e.createElement(s,{type:"regular",size:"sm",className:"linkTitle"},null===(A=null==U?void 0:U.menu[2])||void 0===A?void 0:A.menu_title),null===(S=null===(H=null==U?void 0:U.menu[2])||void 0===H?void 0:H.items)||void 0===S?void 0:S.map((function(n,t){return e.createElement("a",{className:"link",href:n.url,key:t,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Hello Health","data-content-title":n.title,"data-content-id":n.url,"data-event-category":"Footer","data-event-action":n.title,"data-event-label":n.url},e.createElement(s,{size:"sm",type:"regular",style:{color:re.colors.gray800},dataEventCategory:"Footer",dataEventAction:n.title,dataEventLabel:n.url},n.title))}))),!R&&"mini"!==O&&e.createElement("hr",{className:"hrMobile"}),e.createElement("div",{className:"newsletter"},e.createElement("div",{className:"social"},e.createElement(s,{size:"sm",type:"regular"},null===(j=null==U?void 0:U.social)||void 0===j?void 0:j.title),e.createElement("div",{className:"icons"},null===(I=null===(T=null==U?void 0:U.social)||void 0===T?void 0:T.socials)||void 0===I?void 0:I.map((function(n,t){return e.createElement("a",{key:t,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,href:n.url},R?e.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,src:n.icon,alt:"Logo Social",width:"32",height:"32"}):e.createElement("img",{loading:"lazy","data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,"data-src":n.icon,alt:"Logo Social",className:"social-icon lazy"}))}))))))))))};Jn((function(n){var t=n.type,a=R(n,["type"]);return e.createElement(t,a)}))(ga||(ga=J(["\n color: var(--text-color, ",");\n font-family: Krub;\n font-weight: 600;\n letter-spacing: -0.2px;\n\n &[data-type='headline-1'] {\n font-size: 40px;\n line-height: 60px;\n }\n &[data-type='headline-2'] {\n font-size: 32px;\n line-height: 48px;\n }\n &[data-type='headline-3'] {\n font-size: 24px;\n line-height: 40px;\n }\n &[data-type='headline-4'] {\n font-size: 18px;\n line-height: 32px;\n }\n"],["\n color: var(--text-color, ",");\n font-family: Krub;\n font-weight: 600;\n letter-spacing: -0.2px;\n\n &[data-type='headline-1'] {\n font-size: 40px;\n line-height: 60px;\n }\n &[data-type='headline-2'] {\n font-size: 32px;\n line-height: 48px;\n }\n &[data-type='headline-3'] {\n font-size: 24px;\n line-height: 40px;\n }\n &[data-type='headline-4'] {\n font-size: 18px;\n line-height: 32px;\n }\n"])),(function(e){return e.theme.mbColors.dark}));var ga,ha,fa=Jn.p(ha||(ha=J(["\n color: var(--text-color, ",");\n letter-spacing: -0.2px;\n\n &[data-type='subtitle-1'] {\n font-size: 16px;\n font-weight: 600;\n line-height: 26px;\n }\n &[data-type='subtitle-2'] {\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n }\n &[data-type='subtitle-3'] {\n font-size: 12px;\n font-weight: 500;\n line-height: 20px;\n }\n &[data-type='bodytext-1'] {\n font-size: 16px;\n font-weight: 400;\n line-height: 28px;\n }\n &[data-type='bodytext-2'] {\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n }\n &[data-type='bodytext-3'] {\n font-size: 12px;\n font-weight: 400;\n line-height: 20px;\n }\n &[data-type='caption-1'] {\n font-size: 10px;\n font-weight: 500;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n &[data-type='caption-2'] {\n font-size: 10px;\n font-weight: 400;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n"],["\n color: var(--text-color, ",");\n letter-spacing: -0.2px;\n\n &[data-type='subtitle-1'] {\n font-size: 16px;\n font-weight: 600;\n line-height: 26px;\n }\n &[data-type='subtitle-2'] {\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n }\n &[data-type='subtitle-3'] {\n font-size: 12px;\n font-weight: 500;\n line-height: 20px;\n }\n &[data-type='bodytext-1'] {\n font-size: 16px;\n font-weight: 400;\n line-height: 28px;\n }\n &[data-type='bodytext-2'] {\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n }\n &[data-type='bodytext-3'] {\n font-size: 12px;\n font-weight: 400;\n line-height: 20px;\n }\n &[data-type='caption-1'] {\n font-size: 10px;\n font-weight: 500;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n &[data-type='caption-2'] {\n font-size: 10px;\n font-weight: 400;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n"])),(function(e){return e.theme.mbColors.dark})),va=function(n){var t=n.type,a=n.color,o=n.style,r=R(n,["type","color","style"]);return e.createElement(fa,W({"data-type":t,style:W(W({},o),a&&{"--text-color":a})},r))};Jn.footer(xa||(xa=J(["\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(e){return e.theme.mbColors.lightGray}),Q.mbDown,Q.mbDown,(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.neutral500}),Q.mbUp,Q.mbDown,(function(e){return e.theme.colors.neutral500}),Q.mbUp,Q.mbUp,(function(e){return e.theme.colors.white}),Q.mbUp,(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),Q.mbDown,(function(e){return e.theme.colors.neutral500}),Q.mbDown,(function(e){return e.theme.colors.neutral500}),(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),Q.mbUp);var xa,ya,Ea,ba,wa,ka,Ca,La,Na=Jn.div(ya||(ya=J([""],[""]))),za=Jn.div(Ea||(Ea=J(["\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"]))),Ma=Jn.div(ba||(ba=J(["\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"])),Q.mbDown),Fa=Jn.div(wa||(wa=J(["\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"])),Q.mbDown,(function(e){return e.theme.colors.gray800}),Q.mbDown,Q.mbUp,Q.mbDown),Da=Jn.div(ka||(ka=J(["\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"])),Q.mbUp,Q.mbDown),_a=Jn.div(Ca||(Ca=J(["\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"])),Q.mbDown,Q.mbDown,Q.mbDown,(function(e){return e.theme.mbColors.midGray}),Q.mbDown,Q.mbDown,Q.mbDown,(function(e){return e.theme.mbColors.midGray})),Ba=Jn.div(La||(La=J(["\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"]))),Aa={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"}},Ha=function(n){var t,a=n.socialLinks,o=void 0===a?Aa.SOCIAL_LINKS:a,r=o.facebookLink,l=o.instagramLink,i=o.zaloLink,c=o.youtubeLink,s=n.copyrightText,m=n.logoType,d=void 0===m?"marryBaby":m,p=n.isMobile,u=n.footerMenu,g=void 0===u?[]:u,h=n.type,f=void 0===h?"main":h,v=tt().t;return"main"===f?e.createElement(Na,{className:"footer-container"},!p&&e.createElement("div",{className:"footer-divider"},e.createElement(Z,{type:"marryBaby"},e.createElement(st,{style:{padding:"0 16px"},type:"solid"}))),e.createElement(Ma,null,e.createElement(Z,{type:"marryBaby"},e.createElement(Fa,null,e.createElement("div",{className:"grid"},null===(t=p?null==g?void 0:g.slice(0,6):g)||void 0===t?void 0:t.map((function(n,t){var a=n.title,o=n.link;return e.createElement("a",{"data-event-category":"Footer","data-event-action":a,"data-event-label":"".concat(o),className:"link",href:o,key:"footer-links-".concat(t)},e.createElement(va,{color:re.colors.gray800,type:"subtitle-2"},a))})),e.createElement("div",{className:"social-wrapper"},e.createElement("div",{className:"social"},e.createElement(va,{type:"subtitle-2"},v("footer.followUsText")),e.createElement("div",{className:"icons-links"},r&&e.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":r,href:r},e.createElement("img",{src:rt,alt:"Facebook"})),c&&e.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":c,href:c},e.createElement("img",{src:lt,alt:"Youtube"})),l&&e.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":l,href:l},e.createElement("img",{src:it,alt:"Instagram"})),i&&e.createElement("a",{target:"_blank",rel:"noreferrer",href:i,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":i},e.createElement("img",{src:ct,alt:"Zalo"}))))))))),e.createElement(Da,null,e.createElement(Z,{type:"marryBaby"},e.createElement(_a,null,e.createElement(U,{className:"logo",type:d,width:"121px"}),e.createElement(va,{className:"company-name",type:"subtitle-2"},v("footer.info.companyName")),e.createElement("div",{className:"text-info"},e.createElement(va,{type:"bodytext-3"},v("footer.info.address")),e.createElement(va,{type:"bodytext-3"},v("footer.info.license")),e.createElement(va,{type:"bodytext-3"},v("footer.info.email"))),e.createElement("div",{className:"img-container"},e.createElement("img",{src:"/images/dmca_protected.png",alt:"DMCA protected"}),e.createElement("a",{href:"http://online.gov.vn/Home/WebDetails/25055?AspxAutoDetectCookieSupport=1",target:"_blank",rel:"noreferrer"},e.createElement("img",{src:"/images/mit_registered.png",alt:"MIT registered"}))),!p&&e.createElement(st,{type:"solid"}),e.createElement("div",{className:"language-and-copyright"},e.createElement(va,{type:"bodytext-3"},s)))))):e.createElement(za,null,e.createElement(Ba,null),e.createElement(va,{type:"subtitle-3",style:{marginBottom:24,textTransform:"uppercase",fontWeight:re.sizes.fwSemiBold},color:re.mbColors.midGray},v("footer.followUsText")),e.createElement("div",{className:"icons-links"},r&&e.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":r,href:r},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.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)"}),e.createElement("defs",null,e.createElement("linearGradient",{id:"paint0_linear",x1:"12",y1:"3",x2:"12",y2:"21",gradientUnits:"userSpaceOnUse"},e.createElement("stop",{stopColor:"#4DABF7"}),e.createElement("stop",{offset:"1",stopColor:"#2668DA"}))))),c&&e.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":c,href:c},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.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"}))),l&&e.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":l,href:l},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.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)"}),e.createElement("defs",null,e.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)"},e.createElement("stop",{offset:"0.073",stopColor:"#EACC7B"}),e.createElement("stop",{offset:"0.184",stopColor:"#ECAA59"}),e.createElement("stop",{offset:"0.307",stopColor:"#EF802E"}),e.createElement("stop",{offset:"0.358",stopColor:"#EF6D3A"}),e.createElement("stop",{offset:"0.46",stopColor:"#F04B50"}),e.createElement("stop",{offset:"0.516",stopColor:"#F03E58"}),e.createElement("stop",{offset:"0.689",stopColor:"#DB359E"}),e.createElement("stop",{offset:"0.724",stopColor:"#CE37A4"}),e.createElement("stop",{offset:"0.789",stopColor:"#AC3CB4"}),e.createElement("stop",{offset:"0.877",stopColor:"#7544CF"}),e.createElement("stop",{offset:"0.98",stopColor:"#2B4FF2"}))))),i&&e.createElement("a",{target:"_blank",rel:"noreferrer",href:i,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":i},e.createElement("div",{style:{height:24,width:24}},e.createElement("img",{src:"/icons/zalo.png",alt:"Zalo"})))))},Sa=function(n){var t=n.type,a=n.isMobile,r=void 0===a||a,l=n.locale,i=n.footerInfo,c=n.isAmp,s=n.siteType;return o((function(){setTimeout((function(){return null==$?void 0:$.update()}),100)}),[]),"helloSites"===s?e.createElement(ua,{isAmp:c,isMobile:r,type:t,locale:l,footerInfo:i||{}}):e.createElement(Ha,{isMobile:r,locale:l,footerMenu:i||[],copyrightText:"© 2022 MarryBaby.vn",socialLinks:n.marryBabySocialLinks,type:t})};export{mt as A,dt as B,Ct as C,It as D,ut as F,gt as G,Pt as I,ft as P,Mt as R,vt as S,Et as T,wt as U,pt as a,yt as b,bt as c,kt as d,Ft as e,Bt as f,Ht as g,St as h,jt as i,Vt as j,Ot as k,Ut as l,Wt as m,Gt as n,Rt as o,Yt as p,qt as q,Jt as r,Kt as s,Xt as t,aa as u,ia as v,sa as w,Sa as x};
1
+ import e,{useState as n,useRef as t,useMemo as a,useEffect as o,Fragment as r,useCallback as l}from"react";import{S as i,d as c,T as s,e as m,f as d,g as p,h as u,i as g,j as h,k as f,l as v,m as x,n as y,o as E,p as b,q as w,r as k,s as C,t as L,u as N,v as z,w as M,x as F,y as D,z as _,A as B,B as A,D as H,E as S,F as j,G as T,H as I,I as P,J as V,P as O,C as Z,a as U}from"./index.styled-e93b28cd.js";import{_ as W,a as G,b as R,c as Y,d as q,e as J}from"./tslib.es6-5532bd7b.js";import{i as K,B as X,M as Q,l as $}from"./screenSizeContext-d6e9a094.js";import{Range as ee,getTrackBackground as ne,useThumbOverlap as te}from"react-range";import{B as ae,H as oe}from"./index-a973bdf7.js";import{t as re}from"./theme-a50a1aa5.js";import{h as le,i as ie,j as ce,k as se,l as me,m as de,n as pe,o as ue,p as ge,q as he,r as fe,s as ve,t as xe,u as ye,v as Ee,w as be,x as we,y as ke,z as Ce,A as Le,B as Ne,C as ze,E as Me,G as Fe,H as De,I as _e,U as Be,J as Ae,K as He,O as Se,Q as je,T as Te,V as Ie,W as Pe,X as Ve,Y as Oe,Z as Ze,_ as Ue,$ as We,a0 as Ge,a1 as Re,a2 as Ye,a3 as qe,a4 as Je,a5 as Ke,a6 as Xe,a7 as Qe,a8 as $e,a9 as en,aa as nn,ab as tn,ac as an,ad as on,ae as rn,af as ln,ag as cn,ah as sn,ai as mn,aj as dn,ak as pn,al as un,am as gn,an as hn,ao as fn,ap as vn,aq as xn,ar as yn,as as En,at as bn,au as wn,av as kn,aw as Cn,ax as Ln,ay as Nn,az as zn,aA as Mn}from"./index-b3a30b49.js";import{useId as Fn}from"react-id-generator";import{D as Dn}from"./index-1181afe6.js";import{format as _n,isBefore as Bn,startOfMonth as An,addMonths as Hn,subMonths as Sn,getDaysInMonth as jn,isToday as Tn,isSameDay as In,isWithinInterval as Pn,isAfter as Vn,isPast as On}from"date-fns";import Zn from"react-day-picker/DayPickerInput";import{throttle as Un}from"lodash";import{useKeenSlider as Wn}from"keen-slider/react";import"react-dom";import"./translationsContext-873337b8.js";import"string-format";import"lodash/debounce";import{d as Gn,L as Rn,F as Yn,i as qn}from"./constants-3be6f6a9.js";import Jn from"styled-components";import"./Locale-69030fff.js";import{h as Kn}from"./index-b4258d4b.js";import{u as Xn}from"./useOutsideClick-6004483a.js";import Qn from"date-fns/locale/en-US";import $n from"date-fns/locale/id";import et from"date-fns/locale/vi";import nt from"date-fns/locale/zh-TW";import{u as tt}from"./useTranslations-66de60e4.js";import{g as at}from"./getSocialList-ff22842b.js";import{I as ot}from"./index-085436b9.js";import{i as rt,a as lt,b as it,c as ct}from"./zalo-7f0726ae.js";import{D as st}from"./index-d37ea840.js";var mt=function(n){var t=n.style,a=n.onClose,o=n.text,r=n.type,l=n.contentIcon,d=n.closeIcon,p=n.className,u=n.description;return e.createElement(i,{style:t,"data-alert-type":r,className:p},e.createElement(c,null,e.createElement("div",{className:"icon-title"},l,e.createElement(s,{type:"bold",size:"label1"},o)),e.createElement(s,{type:"regular",size:"p3"},u)),e.createElement(m,{onClick:a},d))},dt=function(n){var t=n.amount,a=n.type,o=n.size,r=void 0===o?"medium":o,l=n.color,i=void 0===l?"primary":l,c=n.icon,s=n.className;return e.createElement(d,{"data-notification-type":a,"data-notification-size":r,"data-notification-color":i,"data-has-icon":!!c||void 0,notificationType:a,notificationSize:r,notificationColor:i,hasIcon:!!c,className:s},e.createElement("div",null,t&&e.createElement("span",null,t)," ",c&&e.createElement("div",null,c)))},pt=function(n){var t=n.style,a=n.children,o=n.className,r=n.size,l=void 0===r?"lg":r,i=n.type,c=void 0===i?"bold":i,s=n.upperCase,m=n.as,d=void 0===m?"h4":m,u=n.color;return e.createElement(p,{style:W({color:u},t),className:o,"data-size":l,"data-type":c,"data-uppercase":s,as:d},a)},ut=function(a){var o=a.className,r=a.value,l=a.options,i=a.onUploadSelected,c=a.id,s=a.placeholderIcon,m=a.placeholder,d=a.style,p=n(!1),x=p[0],y=p[1],E=function(){return y(!x)},b=t(l.map((function(n){return"upload"===n.type&&e.createElement("input",{id:"uploader-dropdown-input-"+c+"-"+n.value,key:"uploader-dropdown-input-"+c+"-"+n.value,accept:n.fileAcceptedType,multiple:n.multiple,type:"file",style:{display:"none"},onChange:function(e){console.log("change"),i(e.target.files)}})}))),w=e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12.17 14.83"},e.createElement("defs",null,e.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},e.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"})),e.createElement("style",null,".prefix__cls-3{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),e.createElement("title",null,"File"),e.createElement("g",{clipPath:"url(#prefix__clip-path)"},e.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29H4a1.33 1.33 0 00-1.33 1.33v10.67A1.33 1.33 0 004 15.62h8a1.33 1.33 0 001.33-1.33V7z",transform:"translate(-1.92 -1.54)"}),e.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),k=e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},e.createElement("defs",null,e.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),e.createElement("title",null,"download"),e.createElement("path",{className:"prefix__cls-1",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M4.67 7.62L8 11l3.33-3.34M8 11V3",transform:"translate(-1.25 -2.21)"})),C=e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},e.createElement("defs",null,e.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),e.createElement("title",null,"upload"),e.createElement("path",{className:"prefix__cls-1",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M11.33 6.29L8 3 4.67 6.29M8 3v8",transform:"translate(-1.25 -2.21)"}));return e.createElement(u,{className:o,"data-dropdown-open":!!x,id:c,"data-has-icons":!0,style:d,onBlur:function(){return y(!1)},tabIndex:0},e.createElement(g,{onClick:E},s||w," ",e.createElement("span",null,r&&r.value?r.label:m)),x&&e.createElement(h,{onClick:E,"data-has-icons":!0},l.map((function(n){return e.createElement(f,{key:"".concat(c,"-").concat(n.value),"data-selected":r&&r.value===n.value||void 0,onClick:function(){return"upload"===n.type?function(e){var n;null===(n=document.querySelector(e))||void 0===n||n.click()}("#uploader-dropdown-input-"+c+"-"+n.value):void((e=n.url)&&window.open(e,"_blank"));var e}},e.createElement(v,null,n.icon||"download"===n.type?k:C),n.label)}))),e.createElement(e.Fragment,null,b.current))},gt=function(n){var t=n.className,a=n.columns,o=n.columnsDesktop,r=n.gridTemplateColumns,l=n.gridTemplateColumnsDesktop,i=n.gap,c=n.children,s=n.justifyChildren,m=n.style,d=n.alignItems;return e.createElement(x,{className:t,style:m,theme:{columns:a,columnsDesktop:o,gap:i,justifyChildren:s,gridTemplateColumns:r,gridTemplateColumnsDesktop:l,alignItems:d}},c)},ht=function(t){var a=t.pagesAmount,l=t.activePage,i=t.handlePageChange,c=t.handleClick,s=t.href,m=t.queryPageName,d=void 0===m?"page":m,p=G([],Array(a),!0).map((function(e,n){return n+1})),u=n(l<=4?p.slice(0,5):l>=p.length-3?p.slice(p.length-5,p.length):p.slice(l-2,l+1)),g=u[0],h=u[1];return o((function(){l<=4?h(p.slice(0,5)):l>=p.length-3?h(p.slice(p.length-5,p.length)):h(p.slice(l-2,l+1))}),[l]),e.createElement(r,null,l>4&&e.createElement(r,null,e.createElement(b,{onClick:function(){return i(1)}},s?e.createElement("a",{href:s,onClick:c},1):1),e.createElement(b,null,"...")),g.map((function(n){return e.createElement(b,{key:"".concat("pagination","+").concat(n),"data-page-active":n===l||void 0,onClick:function(){return i(n)}},s?e.createElement("a",{href:K(s,n,d),onClick:c},n):n)})),l<p.length-3&&e.createElement(r,null,e.createElement(b,null,"..."),e.createElement(b,{onClick:function(){return i(p.length)}},s?e.createElement("a",{href:K(s,p.length,d),onClick:c},p.length):p.length)))},ft=function(t){var r=t.className,l=t.pagesAmount,i=t.currentPage,c=t.onChange,s=t.onClick,m=t.style,d=t.href,p=t.queryPageName,u=void 0===p?"page":p,g=G([],Array(l),!0).map((function(e,n){return n+1})),h=n(i),f=h[0],v=h[1],x=a((function(){return d&&d.endsWith("&page=")?d.replace("&page=",""):d}),[d]),w=l-1,k=function(e){e<=l&&e>0&&(v(e),c(e))},C=function(e){s&&s(e)};return o((function(){v(i)}),[i]),e.createElement(y,{className:r,style:m},e.createElement(E,{className:"prev-page",onClick:function(){return k(f-1)},"data-last-page":1===f||void 0},x?e.createElement("a",{href:K(x,f,u),onClick:C},e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),g.length>8?e.createElement(ht,{pagesAmount:l,activePage:f,handlePageChange:k,handleClick:C,href:x,queryPageName:u}):g.map((function(n){return e.createElement(b,{key:"".concat("pagination","+").concat(n),"data-page-active":n===f||void 0,onClick:function(){return k(n)}},x?e.createElement("a",{href:K(x,n,u),onClick:C},n):n)})),e.createElement(E,{className:"next-page",onClick:function(){return k(f+1)},"data-last-page":f===w+1||void 0},x?e.createElement("a",{href:K(x,f,u),onClick:C},e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))))},vt=function(n){var t=n.size,a=n.children,o=n.style,r=n.className;return e.createElement(w,{style:o,className:r,"data-shadow-size":t},a)};function xt(n){var t=n.rangeRef,a=n.values,o=n.index,r=te(t,a,o,1," - ",(function(e){return e})),l=r[0],i=r[1];return e.createElement(e.Fragment,null,e.createElement(z,{"data-label":o,style:i},l),e.createElement(M,{"data-label":o}))}var yt=function(t){var a=t.step,r=t.min,l=t.max,i=t.value,c=t.onChange,m=t.className,d=t.heading,p=t.isMobile,u=void 0!==p&&p,g=["#DBDFE5","#2D87F3","#DBDFE5"],h=e.useRef(),f=n(i),v=f[0],x=f[1];o((function(){x(i)}),[i[0],i[1]]);return e.createElement(k,{className:m},e.createElement(ee,{ref:h,values:v[0]>=r&&v[1]<=l?v:[r,l],onChange:x,onFinalChange:c,renderThumb:function(n){var t=n.props,a=n.index;return e.createElement(C,W({},t),e.createElement(xt,{rangeRef:h.current,values:v,index:a,isMobile:u}))},renderTrack:function(n){var t=n.props,a=n.children,o={background:ne({values:v,colors:g,min:r,max:l})};return e.createElement(e.Fragment,null,d&&e.createElement(s,{size:"md",type:"bold"},d),e.createElement(L,{onMouseDown:t.onMouseDown,onTouchStart:t.onTouchStart,style:W({},t.style)},e.createElement(N,{ref:t.ref,style:o},a)))},step:a,min:r,max:l}))},Et=function(n){var t=n.type,a=n.children,o=n.style,r=n.isInline,l=n.isSquared,i=void 0!==l&&l,c=n.className,m=n.isLight,d=n.hasMorePadding,p=n.isLink,u=n.isSelected,g=n.textProps,h=void 0===g?{size:"sm"}:g,f=h.color?{"--text-props-color":h.color}:{};return e.createElement(F,{"data-is-squared":i||void 0,"data-tag-type":t,"data-is-light":m||void 0,"data-has-more-padding":d||void 0,"data-is-inline":r||void 0,style:W(W({},o),f),className:c,"data-is-selected":u||void 0,"data-is-link":p||void 0,tagType:t,isInline:r,tagHasMorePadding:d,tagIsLight:m,tagIsSquared:i,tagIsALink:p},e.createElement(s,W({},h),a))},bt=function(n){var t=n.className,a=n.id,o=n.onChange,r=n.checked,l=n.style,i=n.label;return e.createElement(D,{className:t,style:l},e.createElement("input",{type:"checkbox",id:a,onChange:o,checked:r}),e.createElement("label",{htmlFor:a},e.createElement(_,null),i&&e.createElement(B,null,i)))},wt=function(n){var t=n.size,a=n.isDisabled,o=n.className,r=n.link,l=n.style;return e.createElement(A,{className:o,"data-size":t,style:l,"data-disabled":a||void 0},r)},kt=function(n){var t=n.type,a=n.withIcon,o=n.onFileSelected,r=n.inputId,l=n.withElement,i=n.fileAcceptType,c=n.multiple,s=n.value,m=n.className,d=function(){var e;null===(e=document.querySelector("#uploader-input-"+r))||void 0===e||e.click()};return e.createElement(H,{className:m},"badge"===t?e.createElement(S,{onClick:d,"data-is-attached-to-element":!!l},l,e.createElement(j,{"data-is-attached-to-element":!!l},a)):l?e.createElement("div",{onClick:d},l):e.createElement(ae,{size:"md",color:"secondary",className:"default-button",icon:a,onClick:d},e.createElement(T,null,e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},e.createElement("defs",null,e.createElement("style",null,".prefix__cls-1{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),e.createElement("title",null,"upload"),e.createElement("path",{className:"prefix__cls-1",d:"M14 10v2.67A1.33 1.33 0 0112.67 14H3.33A1.33 1.33 0 012 12.67V10M11.33 5.33L8 2 4.67 5.33M8 2v8",transform:"translate(-1.25 -1.25)"})),"Upload Image")),e.createElement("input",{id:"uploader-input-"+r,accept:i,multiple:c,type:"file",style:{display:"none"},onChange:function(e){o(e.target.files)},value:s}))},Ct=function(n){var t=n.label,a=n.name,o=n.checked,r=n.className,l=n.isDisabled,i=n.onChange,c=n.value,s=n.isRectangle;return e.createElement(I,{className:r,"data-disabled":l||void 0,"data-is-rectangle":s||void 0,"data-label-text":t},e.createElement("input",{type:"checkbox",checked:o,name:a,onChange:function(){return i(c,!o)},disabled:l,value:c,id:"".concat(a,"-").concat(c),"data-label-text":t}),!s&&e.createElement("label",{htmlFor:"".concat(a,"-").concat(c)},t))},Lt=function(n){return e.createElement("svg",W({},n,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),e.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#D2D6DC"}))},Nt=function(n){return e.createElement("svg",W({},n,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),e.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#FFC326"}))},zt=function(n){return e.createElement("svg",W({},n,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),e.createElement("path",{d:"M12.0001 17.2697L17.1701 20.3897C17.5501 20.6197 18.0201 20.2797 17.9201 19.8497L16.5501 13.9697L21.1101 10.0197C21.4401 9.72973 21.2701 9.17973 20.8201 9.13973L14.8101 8.62973L12.4601 3.08973C12.2901 2.67973 11.7101 2.67973 11.5401 3.08973L9.19006 8.62973L3.18006 9.13973C2.74006 9.17973 2.56006 9.72973 2.90006 10.0197L7.46006 13.9697L6.09006 19.8497C5.99006 20.2797 6.46006 20.6197 6.84006 20.3897L12.0001 17.2697Z",fill:"#E4E8EC"}),e.createElement("mask",{id:"mask0_3555_5815",maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},e.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),e.createElement("g",{mask:"url(#mask0_3555_5815)"},e.createElement("path",{d:"M11.9998 17.2697L17.1698 20.3897C17.5498 20.6197 18.0198 20.2797 17.9198 19.8497L16.5498 13.9697L21.1098 10.0197C21.4398 9.72973 21.2698 9.17973 20.8198 9.13973L14.8098 8.62973L12.4598 3.08973C12.2898 2.67973 11.7098 2.67973 11.5398 3.08973L9.18981 8.62973L3.17981 9.13973C2.73981 9.17973 2.55981 9.72973 2.89981 10.0197L7.45981 13.9697L6.08981 19.8497C5.98981 20.2797 6.45981 20.6197 6.83981 20.3897L11.9998 17.2697Z",fill:"#FFC326"})))},Mt=function(t){var a=t.gap,o=void 0===a?2:a,r=t.size,l=void 0===r?24:r,i=t.star,c=t.totalStars,s=void 0===c?5:c,m=t.onSelect,d=t.hideEmptyStars,p=t.style,u=t.className,g=Math.floor(i),h=i-g>=.5?1:0,f=n(null),v=f[0],x=f[1],y=v||g,E=v?0:h;return e.createElement(P,{"data-selectable":!!m,style:W({"--gap":o,"--star-size":l},p),className:u},Array.from({length:d?g+h:s}).map((function(n,t){var a=function(){return!!m&&x(t+1)},o=function(){return!!m&&x(null)};return t+1<=y?e.createElement(Nt,{key:t,onClick:function(){return null==m?void 0:m(t+1)},onMouseOver:a,onMouseLeave:o}):t+1===y+E?e.createElement(zt,{key:t,onClick:function(){return null==m?void 0:m(t+1)},onMouseOver:a,onMouseLeave:o}):e.createElement(Lt,{key:t,onClick:function(){return null==m?void 0:m(t+1)},onMouseOver:a,onMouseLeave:o})})))},Ft=function(n){var t=n.percent,a=n.style;return e.createElement(V,{style:W({"--progress":t},a)})},Dt=function(n){var t=n.avatarImg,a=n.authorName,o=n.authorLink,r=n.uploadTime,l=n.size;return e.createElement(ce,null,e.createElement("div",{className:"author"},e.createElement("div",{className:"avatar","data-size":l},t),e.createElement("div",{className:"poster","data-is-disabled-url":!o},e.createElement(s,{size:"lg"===l?"p3":"p4"},e.createElement("a",{href:o},e.createElement("span",{className:"name"},a),"•"," "),e.createElement("span",null,r)))))},_t=function(n){var t=n.isMobile,a=n.avatarImg,o=n.name,r=n.link,l=n.size,i=void 0===l?"lg":l,c=n.specialty;return n.handleClick,n.isBookmarked,n.dataEventCategoryForBookmark,n.dataEventActionForBookmark,n.dataEventLabelForBookmark,e.createElement(ce,null,e.createElement("div",{className:"author"},e.createElement("div",{className:"expert-avatar","data-size":i},a),e.createElement("div",{className:"expert","data-is-disabled-url":!r},t?e.createElement("a",{href:r},"lg"===i?e.createElement(e.Fragment,null,e.createElement(oe,{tag:"h6",className:"expert__name",color:re.colors.gray600},o),e.createElement(s,{color:re.colors.gray500,size:"p3",className:"specialty"},c)):e.createElement(e.Fragment,null,e.createElement(oe,{tag:"h6",className:"expert__name",color:re.colors.gray600},o))):e.createElement("a",{href:r},"lg"===i?e.createElement(e.Fragment,null,e.createElement(oe,{tag:"h6",className:"expert__name",color:re.colors.gray600},o),e.createElement(s,{color:re.colors.gray500,size:"p3",className:"specialty"},c)):e.createElement(e.Fragment,null,e.createElement(se,{color:re.colors.gray600,className:"expert__name"},o),e.createElement(s,{color:re.colors.gray500,size:"p4",className:"specialty"},c))))))},Bt=function(n){var t=n.articleLink,a=n.authorLink,o=n.authorName,r=n.avatarImg,l=n.banner,i=n.categoryLink,c=n.categoryName,m=n.className,d=n.dataEventActionForBanner,p=n.dataEventActionForBookmark,u=n.dataEventActionForCategory,g=n.dataEventActionForTitle,h=n.dataEventCategoryForBanner,f=n.dataEventCategoryForBookmark,v=n.dataEventCategoryForCategory,x=n.dataEventCategoryForTitle,y=n.dataEventLabelForBanner,E=n.dataEventLabelForBookmark,b=n.dataEventLabelForCategory,w=n.dataEventLabelForTitle,k=n.direction,C=void 0===k?"horizontal":k,L=n.hasAffiliate,N=n.isBookmark,z=void 0!==N&&N,M=n.isBookmarkDisplayed,F=void 0===M||M,D=n.isMobile,_=void 0===D||D,B=n.onBookmark,A=n.onClickCategoryName,H=n.section,S=void 0===H?"normal":H,j=n.size,T=void 0===j?"md":j,I=n.specialty,P=n.style,V=n.styleBanner,O=n.styleLabel,Z=n.styleTitle,U=n.text,W=n.title,G=n.type,R=void 0===G?"author":G,Y=n.uploadTime,q=n.articleLinkTarget,J=function(e){e.stopPropagation(),B&&B()},K="lg"===T&&"expert"===R?"h4":"lg"===T&&"home"===S?_?"h4":"h3":"lg"===T?"h4":"h5",X="lg"===T?"p3":"p4",Q=_||"home"!==S||"lg"!==T||"author"!==R?"c2":"c1";return e.createElement(le,{className:m,"data-size":T,style:P,"data-direction":C,"data-is-expert":"expert"===R||void 0},e.createElement("div",{className:"banner",style:V},e.createElement(ie,{"data-event-category":h,"data-event-action":d,"data-event-label":y,href:t||"#",target:q},l),L&&e.createElement("div",{className:"shoppable"},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),e.createElement("path",{d:"M16.6667 8.00033H15.3333C15.3333 6.16033 13.84 4.66699 12 4.66699C10.16 4.66699 8.66667 6.16033 8.66667 8.00033H7.33333C6.6 8.00033 6 8.60033 6 9.33366V17.3337C6 18.067 6.6 18.667 7.33333 18.667H16.6667C17.4 18.667 18 18.067 18 17.3337V9.33366C18 8.60033 17.4 8.00033 16.6667 8.00033ZM12 6.00033C13.1067 6.00033 14 6.89366 14 8.00033H10C10 6.89366 10.8933 6.00033 12 6.00033ZM12 12.667C10.4467 12.667 9.14 11.607 8.77333 10.167C8.66 9.74699 8.98667 9.33366 9.42 9.33366C9.73333 9.33366 9.98667 9.56033 10.0733 9.86699C10.3067 10.7137 11.08 11.3337 12 11.3337C12.92 11.3337 13.6933 10.7137 13.9267 9.86699C14.0133 9.56033 14.2667 9.33366 14.58 9.33366C15.0133 9.33366 15.3333 9.74699 15.2267 10.167C14.86 11.607 13.5533 12.667 12 12.667Z",fill:"white"})))),e.createElement("div",{className:"content"},e.createElement("div",{className:"inner-content"},e.createElement(s,{style:O,className:"label",size:Q,type:"caption"},e.createElement(ie,{"data-event-category":v,"data-event-action":u,"data-event-label":b,href:i||"#",onClick:A},c),F&&e.createElement("a",{className:"bookmark",onClick:J},z?e.createElement("svg",{"data-event-category":f,"data-event-action":p,"data-event-label":E,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M13 15L7 11.1111L1 15V2.55556C1 2.143 1.18061 1.74733 1.5021 1.45561C1.82359 1.16389 2.25963 1 2.71429 1H11.2857C11.7404 1 12.1764 1.16389 12.4979 1.45561C12.8194 1.74733 13 2.143 13 2.55556V15Z",fill:"#2ED69E",stroke:"#2ED69E",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})):e.createElement("svg",{"data-event-category":f,"data-event-action":p,"data-event-label":E,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M12.75 2.25H5.25C4.425 2.25 3.75 2.925 3.75 3.75V15.75L9 13.5L14.25 15.75V3.75C14.25 2.925 13.575 2.25 12.75 2.25Z",fill:"#D2D6DC"})))),e.createElement(oe,{tag:K,style:Z,className:"title",as:"lg"===T?"h2":"h3"},e.createElement(ie,{"data-event-category":x,"data-event-action":g,"data-event-label":w,href:t||"#",target:q},W)),U&&e.createElement("a",{href:t||"#",target:q},e.createElement(s,{size:X,className:"text"},U))),e.createElement("div",{className:"footer"},"author"===R?e.createElement(Dt,{size:T,avatarImg:r,authorName:o,authorLink:a,uploadTime:Y,handleClick:J,isBookmarked:z,dataEventCategoryForBookmark:f,dataEventActionForBookmark:p,dataEventLabelForBookmark:E}):e.createElement(_t,{size:T,isMobile:_,avatarImg:r,specialty:I,name:o,link:a,handleClick:J,isBookmarked:z,dataEventCategoryForBookmark:f,dataEventActionForBookmark:p,dataEventLabelForBookmark:E}))))},At=function(n){var t=n.LinkComponent,a=n.page,o=n.isLast,r=n.onChangePage,l=a.label,i=a.value,c=a.isDropdown,s=a.dropdownItems,m=a.dataEventCategory,d=a.dataEventAction,p=a.dataEventLabel;return c?e.createElement(Dn,{options:s,placeholder:"...",id:"",placeholderIcon:null,onChange:r,className:"collapsed-breadcrumb"}):e.createElement(pe,{title:"string"!=typeof l?i:l,"data-last":o},t&&e.createElement(t,{"data-event-category":m,"data-event-action":d,"data-event-label":p,href:i||"#"},l))},Ht=function(n){var t=n.className,o=n.pages,l=n.size,i=n.LinkComponent,c=void 0===i?"a":i,s=n.onChangePage,m=n.separator,d=a((function(){return o.map((function(e,n){return o.length>4?n>1&&n<o.length-2?null:1===n?W(W({},e),{isDropdown:1===n,dropdownItems:o.slice(1,o.length-2)}):e:e})).filter(Boolean)}),[o]),p=Fn(d.length);return e.createElement(me,{"data-size":l,className:t},d.map((function(n,t){var a=t+1===d.length;return e.createElement(r,{key:p[t]},e.createElement(At,{LinkComponent:c,page:n,isLast:a,onChangePage:s}),!a&&(m||e.createElement(de,{"data-size":l})))})))},St=function(n){var t=n.imgBanner,a=n.label,o=n.className,r=n.style,l=n.href,i=void 0===l?"":l,c=n.dataEventCategory,m=n.dataEventAction,d=n.dataEventLabel;return e.createElement(ue,{"data-event-category":c,"data-event-action":m,"data-event-label":d,className:o,style:r,href:i,onClick:function(e){""===i&&e.preventDefault()}},e.createElement("div",{className:"banner"},t),e.createElement("div",{className:"content"},e.createElement(s,{className:"category_name",size:"sm",type:"bold"},a)))},jt=function(n){var t=n.name,a=n.values,o=void 0===a?[]:a,r=n.onChanges,l=n.options,i=void 0===l?[]:l,c=n.className,s=n.type,m=void 0===s?"vertical":s,d=n.isDisabled,p=n.isRectangle,u=function(e,n){var t=o.slice();if(n)t.push(e);else{var a=t.findIndex((function(n){return n===e}));t.splice(a,1)}r&&r(t)};return e.createElement(ge,{className:c,"data-type":m,"data-is-rectangle":p||void 0},i.map((function(n,a){return e.createElement(Ct,{label:n.label,name:t,key:"".concat(a,"-").concat(n.value),checked:o.includes(n.value),value:n.value,isDisabled:d||n.disabled,onChange:!d&&u,isRectangle:p})})))},Tt={"vi-VN":["Tháng 1","Tháng 2","Tháng 3","Tháng 4","Tháng 5","Tháng 6","Tháng 7","Tháng 8","Tháng 9","Tháng 10","Tháng 11","Tháng 12"],"id-ID":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"ms-MY":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"km-KH":["មករា","ខែកុម្ភៈ","មីនា","ខែមេសា","ឧសភា","មិថុនា","ខែកក្កដា","សីហា","ខែកញ្ញា","តុលា","វិច្ឆិកា","ធ្នូ"],"en-PH":["January","February","March","April","May","June","July","August","September","October","November","December"],"th-TH":["มกราคม","กุมภาพันธ์","มีนาคม","เมษายน","อาจ","มิถุนายน","กรกฎาคม","สิงหาคม","กันยายน","ตุลาคม","พฤศจิกายน","ธันวาคม"],"my-MM":["ဇန်နဝါရီလ","ဖေဖော်ဝါရီလ","မတ်လ","ပြီလ","မေလ","ဇွန","ဇူလိုင်လ","သြဂုတ်လ","စက်တင်ဘာ","အောက်တိုဘာ","နိုဝင်ဘာ","ဒီဇင်ဘာ"],"zh-TW":["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],"hi-IN":["जनवरी","फ़रवरी","जुलूस","अप्रैल","मई","जून","जुलाई","अगस्त","सितंबर","अक्टूबर","नवंबर","दिसंबर"]},It=function(a){var r=a.alignRight,l=void 0===r||r,i=a.placeholder,c=a.displayDateFormat,s=a.onChange,m=a.customInput,d=a.pickedDate,p=a.className,u=a.isStatic,g=a.disabledDays,h=a.modifiers,f=a.UnHideOnClickOutside,v=a.initialMonth,x=a.locale,y=void 0===x?"en-PH":x,E=t(!1),b=_n,w=n(v||new Date),k=w[0],C=w[1],L=t(null),N=t(null),z=Tt[y],M=function(e){f||L.current&&L.current.contains(e.target)||N.current&&N.current.hideDayPicker()},F=(new Date).getFullYear(),D=new Date(F-150,0),_=new Date(F+1,0),B=function(n){for(var t=n.date,a=n.onChange,o=n.monthLabels,r=[],l=_.getFullYear();l>=D.getFullYear();l-=1)r.push(l);var i=function(e){var n=e.target.form,t=n.year,o=n.month;a(new Date(t.value,o.value))};return e.createElement("div",{className:"DayPicker-Caption"},e.createElement(fe,null,e.createElement("select",{name:"month",onChange:i,value:t.getMonth()},o.map((function(n,t){return e.createElement("option",{key:n,value:t},n)}))),e.createElement("select",{name:"year",onChange:i,value:t.getFullYear()},r.map((function(n){return e.createElement("option",{key:n,value:n},n)})))))};return o((function(){return document.addEventListener("mousedown",M,!1),function(){document.removeEventListener("mousedown",M,!1)}}),[]),e.createElement(he,{className:p,"data-align-right":l,ref:L,"data-is-static":u||void 0},e.createElement(Zn,{ref:N,inputProps:{readOnly:!0},keepFocus:!1,classNames:{container:"pickerContainer",overlayWrapper:"pickerOverlayWrapper",overlay:"pickerOverlay"},component:m&&e.forwardRef((function(n,t){return e.createElement(m,W({},n))})),onDayPickerHide:function(){E.current=!1},onDayPickerShow:function(){E.current=!0},dayPickerProps:{month:k,className:"picker",selectedDays:d,canChangeMonth:!0,enableOutsideDaysClick:!u,firstDayOfWeek:1,captionElement:function(n){var t=n.date,a=n.localeUtils,o=null==a?void 0:a.getMonths();return e.createElement(B,{date:t,monthLabels:z||o,onChange:C})},disabledDays:g||void 0,modifiers:h},format:c||"yyyy-MM-dd",formatDate:function(e,n){return b(e,n)},hideOnDayClick:!u,placeholder:i||"",onDayChange:function(e){var n;n=e,N.current&&!u&&N.current.hideDayPicker(),s&&s(n)},showOverlay:u}))},Pt=function(n){var t=n.size,a=n.iconPosition,o=n.className,r=n.children,l=n.icon;return e.createElement(ve,{className:o,"data-size":t,"data-icon-position":a},"left"===a&&l,r,"right"===a&&l)},Vt=function(t){var a=t.type,r=t.numberOfStep,i=t.activeStep,c=t.labelPrefix,s=t.detailSteps,m=t.className,d=t.onChange,p=n(0),u=p[0],g=p[1],h=function(n){var t=n.trackClassName,a=R(n,["trackClassName"]);return e.createElement(be,W({},a,{className:t}),e.createElement(we,null))},f=e.createElement(xe,{className:m+" progress-bar"},e.createElement(h,null),e.createElement((function(n){var t=n.trackLength,a=n.activeStep,o=n.labelPrefix,l=void 0===o?"Step":o,i=n.onChange;return e.createElement(e.Fragment,null,Array.from({length:r},(function(e,n){return n})).map((function(n,o){return e.createElement(ke,{"data-is-active":o===a,"data-label":o,style:{left:o*t/(r-1)},onClick:function(){i&&i(o)},key:o},o+1,e.createElement(Ce,{"data-step-passed":o<=a},l+" "+(o+1)))})))}),{trackLength:u,activeStep:i,labelPrefix:c,onChange:d})),v=e.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 5.5 9.5"},e.createElement("title",null,"chevron-right"),e.createElement("path",{d:"M.75 8.75l4-4-4-4",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5})),x=e.createElement(ye,null,s&&Array.from({length:s.length},(function(e,n){return n})).map((function(n,t){var a;return e.createElement(Ee,{key:t,"data-selected":t===i,onClick:function(){d&&d(t)}},null===(a=s[t])||void 0===a?void 0:a.text," ",t<s.length-1&&v)}))),y=e.createElement(xe,{className:m+" progress-bar"},e.createElement((function(n){var t=n.detailSteps,a=n.activeStep,o=n.onChange,r=Fn(t.length);return e.createElement(e.Fragment,null,Array.from({length:t.length},(function(e,n){return n})).map((function(n,l){return e.createElement(Le,{key:r[l],style:{left:100/t.length*l+"%",width:100/t.length+"%"},onClick:function(){o&&o(l)}},t[l].icon?e.createElement(Ne,{onClick:function(){o&&o(l)}},t[l].icon):e.createElement(ze,{"data-is-active":l===a,"data-label":n,onClick:function(){o&&o(l)},key:l},l+1),e.createElement(Me,{"data-step-passed":l<a+1},t[l].text,e.createElement(Fe,null,t[l].description)),l<t.length-1&&e.createElement(h,{"data-step-passed":l<a,trackClassName:"progress-track","data-track-type":"detail"}))})))}),{activeStep:i,detailSteps:s,onChange:d})),E=l(Un((function(){var e=document.querySelector(".progress-bar");e&&g(e.offsetWidth)}),1e3),[]);return o((function(){var e=document.querySelector(".progress-bar");return g(null==e?void 0:e.offsetWidth),window.addEventListener("resize",E),function(){window.removeEventListener("resize",E)}}),[]),"step-track"===a&&f||"breadcrumb"===a&&x||"detail-track"===a&&y},Ot=Object.freeze({__proto__:null,SideMenu:De,SideHeader:_e,UserInfo:Be,MenuLink:Ae}),Zt=function(n){var t=n.isDisabled,a=n.isLeft,o=n.onClick,r=n.className,l=n.scheme,i=void 0===l?"hellosites":l;return e.createElement(je,{onClick:o,"data-is-disabled":t,"data-is-left":a,className:r},e.createElement("svg",{width:"8",height:"12",viewBox:"0 0 8 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a?e.createElement("path",{d:"M2.92902 6.00015L6.75002 2.17915C7.16402 1.76515 7.16402 1.09315 6.75002 0.679152C6.33602 0.265152 5.66402 0.265152 5.25002 0.679152L0.636023 5.29315C0.245023 5.68415 0.245023 6.31715 0.636023 6.70715L5.25002 11.3212C5.66402 11.7352 6.33602 11.7352 6.75002 11.3212C7.16402 10.9072 7.16402 10.2352 6.75002 9.82115L2.92902 6.00015Z",fill:"hellosites"===i?"#595959":"#E55C8A"}):e.createElement("path",{d:"M5.07095 6.00015L1.24995 2.17915C0.835953 1.76515 0.835953 1.09315 1.24995 0.679152C1.66395 0.265152 2.33595 0.265152 2.74995 0.679152L7.36395 5.29315C7.75495 5.68415 7.75495 6.31715 7.36395 6.70715L2.74995 11.3212C2.33595 11.7352 1.66395 11.7352 1.24995 11.3212C0.835953 10.9072 0.835953 10.2352 1.24995 9.82115L5.07095 6.00015Z",fill:"hellosites"===i?"#595959":"#E55C8A"})))},Ut=function(t){for(var a=t.row,o=t.column,r=t.children,l=t.scheme,i=void 0===l?"hellosites":l,c=t.classNameLeftArrow,s=void 0===c?"":c,m=t.classNameRightArrow,d=void 0===m?"":m,p=t.mode,u=void 0===p?"snap":p,g=t.isDotsShown,h=void 0===g||g,f=t.isArrowShown,v=void 0!==f&&f,x=t.dataEventCategory,y=t.dataEventAction,E=t.dataEventLabel,b=t.onChangePage,w=e.useState(0),k=w[0],C=w[1],L=n(!1),N=L[0],z=L[1],M=Wn({defaultAnimation:{duration:1e3},initial:0,slideChanged:function(e){C(e.track.details.rel),b&&b(e.track.details.rel)},created:function(){z(!0)},drag:!0,mode:u,slides:{spacing:12}}),F=M[0],D=M[1],_=[],B=a*o,A=0;A<r.length;A+=B){var H=r.slice(A,A+B);_.push(H)}return e.createElement(He,{row:a,column:o},e.createElement("div",{className:"navigation-wrapper"},e.createElement("div",{ref:F,className:"keen-slider slides-wrapper"},_.map((function(n,t){return e.createElement("div",{key:t,className:"keen-slider__slide page-items"},n.map((function(n,t){return e.createElement("div",{key:t},n)})))}))),N&&D.current&&v&&e.createElement(e.Fragment,null,e.createElement(Zt,{isLeft:!0,onClick:function(e){var n;return e.stopPropagation()||(null===(n=D.current)||void 0===n?void 0:n.prev())},isDisabled:0===k,scheme:i,className:"left-arrow ".concat(s),"data-event-category":x,"data-event-action":y,"data-event-label":E}),e.createElement(Zt,{isLeft:!1,onClick:function(e){var n;return e.stopPropagation()||(null===(n=D.current)||void 0===n?void 0:n.next())},isDisabled:k===D.current.track.details.slides.length-1,scheme:i,className:"right-arrow ".concat(d),"data-event-category":x,"data-event-action":y,"data-event-label":E}))),N&&D.current&&h&&e.createElement("div",{className:"dots"},G([],Array(D.current.track.details.slides.length),!0).map((function(n,t){return e.createElement(Se,{key:t,onClick:function(){var e;null===(e=D.current)||void 0===e||e.moveToIdx(t)},"data-is-active":k===t,"data-is-hellosites":"hellosites"===i})}))))},Wt=function(n){var t=n.type,a=n.description,o=n.value,r=n.withIcon,l=n.isInACard,i=n.cardColor,c=n.className;return e.createElement(Te,{className:c,"data-size":t,"data-is-in-card":"big"===t&&l,"data-card-color":i},e.createElement(Ie,null,"small"===t&&e.createElement(Pe,{"data-color":i}),a),e.createElement(Ve,{"data-size":t},"small"!==t&&r,o))},Gt=Object.freeze({__proto__:null,Table:Oe,Cell:Ze,Head:Ue,Row:We,Body:Ge}),Rt=function(t){var a=t.style,r=t.initialTab,l=t.tabContent,i=t.onChange,c=t.className,m=t.dataEventCategory,d=t.dataEventAction,p=t.dataEventLabel,u=t.id,g=n(r||0),h=g[0],f=g[1],v=Fn(l.length);return o((function(){f(r)}),[r]),e.createElement(Re,{style:a,className:c,role:"tablist",id:u},l.map((function(n,t){return e.createElement(Ye,{"data-is-tab-active":h===t||void 0,"aria-selected":h===t,role:"tab",onClick:function(){f(t),i&&i(t)},onKeyDown:function(e){"Enter"===e.key&&(f(t),i&&i(t))},key:v[t],"data-event-category":m,"data-event-action":d,"data-event-label":p,tabIndex:0},e.createElement(qe,null,n.icon&&e.createElement(Je,null,n.icon),e.createElement(s,{size:n.textSize||"sm",type:n.textType||"bold",color:n.textColor||re.colors.gray800,dataEventCategory:n.dataEventCategory,dataEventAction:n.dataEventAction,dataEventLabel:n.dataEventLabel},n.name)))})))},Yt=function(n){var t=n.thankyou,a=n.thankyouSubtitle,o=n.className,r=n.style;return e.createElement(Ke,{className:o,style:r},e.createElement("div",{className:"survey-inner-wrapper"},e.createElement(Xe,null,e.createElement("div",{className:"survey-thankyou-wrapper-inner"},e.createElement("svg",{viewBox:"0 0 122 122",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"survey-thankyou-icon"},e.createElement("path",{d:"M61.5 122C94.6371 122 121.5 95.1371 121.5 62C121.5 28.8629 94.6371 2 61.5 2C28.3629 2 1.5 28.8629 1.5 62C1.5 95.1371 28.3629 122 61.5 122Z",fill:"#E3F2FF"}),e.createElement("ellipse",{cx:"61.5",cy:"110.36",rx:"48",ry:"3.36",fill:"#91CAFF"}),e.createElement("path",{d:"M82.9048 72.6663H101.5L87.597 40H35.403L21.5 72.6663H40.0952V91H83.0786L82.9048 72.6663Z",fill:"#2C74DF"}),e.createElement("path",{d:"M74.4004 15.0005H39.863C36.9017 15.0005 34.5 17.4022 34.5 20.3635V72.5769C34.5 75.5383 36.9017 77.9399 39.863 77.9399H83.1357C86.097 77.9399 88.4987 75.5383 88.4987 72.5769V29.0988L88.4987 21.0005C88.4987 17.6868 85.8124 15.0005 82.4987 15.0005H74.4004Z",fill:"white"}),e.createElement("path",{d:"M88.8529 80.1077H34.1469C31.8699 80.1077 30.06 78.3036 30.06 76.0338V65.3837C30.06 63.1139 31.8699 61.3098 34.1469 61.3098H88.8529C91.1299 61.3098 92.9398 63.1139 92.9398 65.3837V76.0338C92.9398 78.3036 91.1299 80.1077 88.8529 80.1077Z",fill:"#E4E8EC"}),e.createElement("path",{d:"M90.838 85.4512H32.1618C29.8849 85.4512 28.075 83.6471 28.075 81.3774V70.7272C28.075 68.4575 29.8849 66.6533 32.1618 66.6533H90.7796C93.0566 66.6533 94.8665 68.4575 94.8665 70.7272V81.3774C94.9249 83.6471 93.0566 85.4512 90.838 85.4512Z",fill:"white"}),e.createElement("path",{d:"M103.748 75.4919V105.755C103.748 107.675 102.172 109.247 100.245 109.247H23.0031C21.0764 109.247 19.5 107.675 19.5 105.755V75.4919C19.5 73.5713 21.0764 72 23.0031 72H42.3866C44.3133 72 45.8897 73.5713 45.8897 75.4919V80.8461C45.8897 81.1952 46.1232 81.428 46.4735 81.428H76.7749C77.1253 81.428 77.3588 81.1952 77.3588 80.8461V75.4919C77.3588 73.5713 78.9352 72 80.8618 72H100.245C102.172 72 103.748 73.5713 103.748 75.4919Z",fill:"#45A4FF"}),e.createElement("path",{d:"M51.9541 91.3767V94.4612C51.9541 96.0907 53.2386 97.3711 54.8733 97.3711H67.7179C69.3526 97.3711 70.6371 96.0907 70.6371 94.4612V91.3767",stroke:"#2C74DF",strokeWidth:"3",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M120.5 38.0251C118.5 37.7793 117.25 39.3768 118.125 41.22L118.375 41.9573C119.125 43.8006 118 45.398 116 45.1523L115.25 45.0294C113.25 44.7836 112 46.3811 112.875 48.2244L113.25 48.9616C114 50.8049 112.875 52.4025 110.875 52.1567L110.125 52.0337C108.625 51.9109 107.5 52.7712 107.5 54",stroke:"#FE921D",strokeWidth:"1.9096",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M1.53299 62C1.2644 63.413 2.6745 64.337 4.35323 63.8478L5.02472 63.6304C6.70346 63.087 8.11356 64.0109 7.84496 65.4783L7.7107 66.0217C7.4421 67.4348 8.8522 68.3587 10.5309 67.8696L11.2024 67.6522C12.8812 67.1087 14.2913 68.0326 14.0227 69.5L13.8884 70.0435C13.687 71.1304 14.4256 71.8913 15.5 72",stroke:"#00B16A",strokeWidth:"2.8751",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M118 92C119.381 92 120.5 90.8807 120.5 89.5C120.5 88.1193 119.381 87 118 87C116.619 87 115.5 88.1193 115.5 89.5C115.5 90.8807 116.619 92 118 92Z",stroke:"#00B16A",strokeWidth:"2.8751",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M82.0001 3.18747L83.1875 7.53467L87.5347 6.34727L86.3473 2.00007L82.0001 3.18747Z",stroke:"#00B16A",strokeWidth:"2.1628",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M17.0001 28C18.1046 28 19 27.1045 19 25.9999C19 24.8954 18.1046 24 17.0001 24C15.8955 24 15 24.8954 15 25.9999C15 27.1045 15.8955 28 17.0001 28Z",stroke:"#FE921D",strokeWidth:"2.3278",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M61.5 26.6667C54.136 26.6667 48.1667 32.6361 48.1667 40.0001C48.1667 47.3641 54.136 53.3334 61.5 53.3334C68.864 53.3334 74.8334 47.3641 74.8334 40.0001C74.8334 32.6361 68.864 26.6667 61.5 26.6667ZM69.1094 36.9427L59.776 46.2761C59.516 46.5361 59.1747 46.6667 58.8334 46.6667C58.492 46.6667 58.1507 46.5361 57.8907 46.2761L53.8907 42.2761C53.3694 41.7547 53.3694 40.9121 53.8907 40.3907C54.412 39.8694 55.2547 39.8694 55.776 40.3907L58.8334 43.4481L67.224 35.0574C67.7454 34.5361 68.588 34.5361 69.1094 35.0574C69.6307 35.5787 69.6307 36.4214 69.1094 36.9427Z",fill:"#00CB8A"})),t&&e.createElement(oe,{className:"survey-thankyou-title",tag:"h3"},t),a&&e.createElement(s,{className:"survey-thankyou-subtitle",size:"p3"},a)))))},qt=function(t){var a=t.items,r=t.className,l=t.style,i=t.backgroundPanelStyle,c=t.isOpen,s=t.onOpen,m=t.onClose,d=t.disableBackdropClick,p=t.siteType,u=void 0===p?"hb":p,g=t.animationType,h=void 0===g?"zoom":g,f=t.zIndex,v=void 0===f?300:f,x=n(!!c),y=x[0],E=x[1];o((function(){E(!!c)}),[c]);var b=function(){E(!1),m&&m()};return e.createElement(Qe,{style:l,className:r,"data-floatmenu-open":y,"data-site-type":u,"data-animation-type":h},e.createElement($e,{className:"float-button-group__panel",style:W({zIndex:v},i),onClick:d?void 0:b}),e.createElement(en,{className:"float-button-group___content",style:{zIndex:v}},e.createElement(nn,null,a.map((function(n,t){return e.createElement(tn,{className:"float-item-button-".concat(t),style:W(W({},"zoom"===h&&{bottom:64*(a.length-1-t),transitionDelay:"".concat(an/a.length*(y?a.length-1-t:t),"ms")}),"slide"===h&&{bottom:64*(a.length-1-t),transitionDelay:"".concat(an/a.length*(y?t:a.length-1-t),"ms")}),key:t,onClick:function(){n.onClick(),n.keepMenuOnClick||E(!1)}},e.createElement(on,{style:W({},"zoom"===h&&{transitionDelay:"".concat(an/a.length*(y?a.length-1-t:t),"ms")})},n.label),e.createElement(rn,{className:"float-item-button__icon-wrapper",style:W({},("zoom"===h||"slide"===h)&&{transitionDelay:"".concat(an/a.length*(y?a.length-1-t:t),"ms")})},n.icon))}))),e.createElement(ln,{onClick:y?b:function(){E(!0),s&&s()}})))},Jt=function(n){var t=n.className,a=n.policiesUrl,o=n.onAcceptClick,r=n.translations,l=void 0===r?{acceptButton:"Accept",policiesButton:"Our Policies"}:r,i=n.title,c=void 0===i?"":i,s=n.description,m=void 0===s?"":s,d=n.theme,p=void 0===d?"helloSites":d,u=n.isOpen,g=void 0===u||u,h=n.useDefaultPosition,f=void 0===h||h,v=n.trackingAttributes;return e.createElement(cn,{className:t,"data-theme":p,"data-is-open":g,"data-default-position":f},e.createElement(sn,{"data-has-content":!!c},c),e.createElement(mn,{dangerouslySetInnerHTML:{__html:m}}),e.createElement(dn,null,e.createElement(pn,{role:"button",tabIndex:0,on:"tap:consent-element.accept",onClick:o,"data-event-category":null==v?void 0:v.dataEventCategory,"data-event-action":null==v?void 0:v.dataEventAction,"data-event-label":null==v?void 0:v.dataEventLabel},l.acceptButton),e.createElement(un,{href:a},l.policiesButton)))},Kt=function(n){var t,a,o,r,l,i,c,s,m,d,p,u,g,h,f,v,x,y,E,b=n.SEOData,w=void 0===b?{}:b,k=n.isAmp,C=void 0!==k&&k,L=n.locale,N=void 0===L?"vi-VN":L,z=n.routerPathname,M=n.routerQuery,F=n.nextHead,D=n.siteType,_=n.seoCustom,B=n.userId,A=n.forcedCanonicalUrl,H=w.totalPages,S=w.currentPage,j=w.SEOTitle,T=void 0===j?"":j,I=w.SEODescription,P=void 0===I?"":I,V=w.SEOImage,O=w.seoType,Z=w.SEOImageWidth,U=w.SEOImageHeight,R=w.customMetaData,Y=void 0===R?[]:R,q=w.isIndexable,J=void 0===q||q,K=w.hasNoCanonical,X=void 0!==K&&K,Q=J&&qn?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",$=process.env.NEXT_PUBLIC_BASE_API_URL,ee=w.canonicalUrl||z;Object.keys(M).forEach((function(e){var n=M[e];n&&Array.isArray(n)&&(ee=ee.replace("[...".concat(e,"]"),n.join("/")))}));var ne,te=N||"en-PH",ae="helloSites"===D?Gn[te]:"www.marrybaby.vn",oe=ee.endsWith("/")?"":"/";if(w.apiMetaData&&"string"==typeof w.apiMetaData){var re=null===(t=w.apiMetaData)||void 0===t?void 0:t.match(/<title.*?>(.*)<\/title>/),le=" - Page ".concat(S," of ").concat(H),ie=S&&1!==S&&re?w.apiMetaData.replace(re[0],re[0].includes("-")?re[0].replace("-",le+" - "):"<title>".concat(re[1].concat(le),"</title>")).replace('<link rel="canonical" href="https://'.concat(ae).concat(ee).concat(oe,'" />'),'<link rel="canonical" href="https://'.concat(ae).concat(ee).concat(oe,"?page=").concat(S,'" />')):w.apiMetaData,ce=(ne=Kn(ie,{trim:!0})).find((function(e){var n,t;return"og:image"===(null===(n=e.props)||void 0===n?void 0:n.property)||"og:image:secure_url"===(null===(t=e.props)||void 0===t?void 0:t.property)}));if(!ce){var se="https://".concat(ae,"/images/").concat(N,".png");ne=G(G([],ne,!0),[e.createElement("meta",{key:"og:image",property:"og:image",content:(null===(a=w.openGraph)||void 0===a?void 0:a.image)||se||""}),e.createElement("meta",{key:"og:image:secure_url",property:"og:image:secure_url",content:(null===(o=w.openGraph)||void 0===o?void 0:o.image)||se}),e.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(r=w.openGraph)||void 0===r?void 0:r.imageWidth)&&String(null===(l=w.openGraph)||void 0===l?void 0:l.imageWidth)||"1200"}),e.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(i=w.openGraph)||void 0===i?void 0:i.imageHeight)&&String(null===(c=w.openGraph)||void 0===c?void 0:c.imageHeight)||"630"})],!1)}}var me="https://".concat(ae,"/images/").concat(N,".png");return e.createElement(F,null,e.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===D&&e.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter&family=Krub:wght@600&display=swap",rel:"stylesheet"}),"km-KH"===N?e.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"id-ID"===N||"ms-MY"===N?e.createElement(e.Fragment,null):e.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap",rel:"preload",as:"style"}),e.createElement("link",{rel:"preconnect",href:$}),e.createElement("meta",{charSet:"UTF-8"}),!C&&e.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),e.createElement("meta",{name:"google",content:"notranslate"}),e.createElement("meta",{name:"robots",content:Q}),e.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),Y.map((function(n,t){return e.createElement("meta",W({key:t},n))})),e.createElement("meta",{name:"theme-color",content:"helloSites"===D?"#2c87f3":"#e85388"}),e.createElement("meta",{name:"page_type",content:"Home"}),e.createElement("meta",{name:"page_platform",content:"WEB"}),e.createElement("meta",{name:"page_language",content:te}),e.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),C&&e.createElement(e.Fragment,null,e.createElement("script",{async:!0,"custom-element":"amp-analytics",src:"https://cdn.ampproject.org/v0/amp-analytics-0.1.js"}),e.createElement("script",{async:!0,"custom-element":"amp-fx-collection",src:"https://cdn.ampproject.org/v0/amp-fx-collection-0.1.js"}),e.createElement("script",{async:!0,"custom-element":"amp-ad",src:"https://cdn.ampproject.org/v0/amp-ad-0.1.js"}),e.createElement("script",{async:!0,"custom-element":"amp-next-page",src:"https://cdn.ampproject.org/v0/amp-next-page-1.0.js"}),e.createElement("script",{async:!0,"custom-element":"amp-sticky-ad",src:"https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js"}),e.createElement("script",{async:!0,"custom-element":"amp-social-share",src:"https://cdn.ampproject.org/v0/amp-social-share-0.1.js"}),e.createElement("script",{async:!0,"custom-element":"amp-bind",src:"https://cdn.ampproject.org/v0/amp-bind-0.1.js"})),!ne&&e.createElement(e.Fragment,null,"helloSites"===D?e.createElement("title",null,_?T:T+" - "+(null===(s=Rn[N])||void 0===s?void 0:s.SITE_NAME)):e.createElement("title",null,T),!X&&e.createElement("link",{rel:"canonical",href:"https://".concat(ae).concat(ee)}),e.createElement("meta",{name:"description",content:P||(null===(m=w.openGraph)||void 0===m?void 0:m.description)}),w.schemaData&&e.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:w.schemaData}}),e.createElement("meta",{property:"og:locale",content:N}),e.createElement("meta",{property:"og:type",content:O||"website"}),e.createElement("meta",{property:"og:title",content:(null===(d=w.openGraph)||void 0===d?void 0:d.title)||T}),e.createElement("meta",{property:"og:description",content:(null===(p=w.openGraph)||void 0===p?void 0:p.description)||P}),e.createElement("meta",{property:"og:url",content:"https://".concat(ae).concat(ee)}),e.createElement("meta",{property:"og:site_name",content:"https://".concat(ae)}),e.createElement("meta",{property:"og:image",content:(null===(u=w.openGraph)||void 0===u?void 0:u.image)||V||me||""}),e.createElement("meta",{property:"og:image:secure_url",content:(null===(g=w.openGraph)||void 0===g?void 0:g.image)||V||me}),e.createElement("meta",{property:"og:image:width",content:(null===(h=w.openGraph)||void 0===h?void 0:h.imageWidth)&&String(null===(f=w.openGraph)||void 0===f?void 0:f.imageWidth)||Z&&String(Z)||"1200"}),e.createElement("meta",{property:"og:image:height",content:(null===(v=w.openGraph)||void 0===v?void 0:v.imageHeight)&&String(null===(x=w.openGraph)||void 0===x?void 0:x.imageHeight)||U&&String(U)||"630"}),e.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),e.createElement("meta",{name:"twitter:title",content:(null===(y=w.twitter)||void 0===y?void 0:y.title)||T}),e.createElement("meta",{name:"twitter:description",content:P}),e.createElement("meta",{name:"twitter:image",content:(null===(E=w.twitter)||void 0===E?void 0:E.image)||V})),("helloSites"===D?Yn[te]||[]:Yn.marryBaby).map((function(n,t){return"link"===n.type?e.createElement("link",{key:"favicon-".concat(t),rel:n.rel,href:n.href,sizes:n.sizes}):"meta"===n.type?e.createElement("meta",{key:t,name:n.name,content:n.content}):null})),Array.isArray(ne)&&A?ne.filter((function(e){return"canonical"!==e.props.name&&"canonical"!==e.props.rel})):ne,A&&e.createElement("link",{rel:"canonical",href:A}),!w.hasNoAmp&&"vi-VN"!==N&&e.createElement("link",{rel:"amphtml",href:"https://".concat(ae).concat(ee).concat(oe,"?amp=1")}),B&&"undefined"!=typeof window?e.createElement("script",{dangerouslySetInnerHTML:{__html:"window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '".concat(B,"'});")}}):null)},Xt=function(n){var t=n.ampNextArticles,a=(null==t?void 0:t.filter(Boolean))||[];if(!(null==a?void 0:a.length))return null;return e.createElement("amp-next-page",null,e.createElement("script",{type:"application/json",dangerouslySetInnerHTML:{__html:JSON.stringify(a.map((function(e){return{image:e.image||"",title:e.title?JSON.stringify(e.title):"",url:e.link||""}})))}}),e.createElement("div",W({},{separator:""},{className:"amp-page-seperator",style:{color:"#8C8C8C",textTransform:"uppercase",fontSize:11,fontWeight:700,marginLeft:16}}),"Next article:"))},Qt=function(){return"undefined"!=typeof window&&window.innerWidth<X.BREAK_POINT_MOBILE},$t=function(){return"undefined"!=typeof window&&window.innerWidth>=X.BREAK_POINT_MOBILE&&window.innerWidth<X.BREAK_POINT_PC};var ea={"en-PH":Qn,"vi-VN":et,"zh-TW":nt,"id-ID":$n};function na(t){var r=t.value,l=void 0===r?{from:null,to:null}:r,i=n(null),c=i[0],s=i[1],m=function(){var e=n(Qt()),t=e[0],a=e[1],r=n($t()),l=r[0],i=r[1];return o((function(){var e=function(){a(Qt()),i($t())};return window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]),{isMobile:t,isLargeMobile:l}}().isMobile,d=n((function(){return l})),p=d[0],u=d[1],g=n((function(){var e;return An(null!==(e=l.from)&&void 0!==e?e:new Date)})),h=g[0],f=g[1],v=a((function(){return Hn(h,1)}),[h]);var x=W(W({},t),{goToNextMonth:function(){f((function(e){return Hn(e,1)}))},goToPreviousMonth:function(){f((function(e){return Sn(e,1)}))},range:p,setRange:u,hoverDay:c,setHoverDay:s});return e.createElement(e.Fragment,null,e.createElement(ta,W({},x,{date:h})),!m&&e.createElement(gn,null),!m&&e.createElement(ta,W({},x,{date:v})))}function ta(n){var t=n.date,r=n.range,l=n.setRange,i=n.onChange,c=n.goToPreviousMonth,s=n.goToNextMonth,m=n.minDate,d=n.maxDate,p=n.close,u=void 0===p?function(){}:p,g=n.autoClose,h=void 0!==g&&g,f=n.hoverDay,v=n.setHoverDay,x=tt().locale,y=a((function(){var e;return null!==(e=ea[x])&&void 0!==e?e:ea["en-PH"]}),[x]),E=a((function(){return _n(t,"MMMM",{locale:y})}),[t,y]),b=a((function(){return y?[1,2,3,4,5,6,0].map((function(e){return y.localize.day(e,{width:"narrow"})})):[]}),[y]);function w(n,t){if(null===n)return e.createElement(kn,{key:"idx-".concat(t),"data-empty":"true"});var a=n.getDate(),o=Tn(n),i=!!r.from&&In(r.from,n),c=!!r.to&&In(r.to,n),s=i||c,p=!1;null!==f&&r.from&&Bn(r.from,f)&&!r.to?p=Pn(n,{start:r.from,end:f}):r.from&&r.to&&(p=Pn(n,{start:r.from,end:r.to}));var g=!1;return m&&d?g=!Pn(n,{start:m,end:d}):m?g=Bn(n,m):d&&(g=Vn(n,d)),e.createElement(kn,{key:a,"data-is-today":o,"data-is-past":!o&&On(n),"data-is-selected":s,"data-is-disabled":g,"data-in-range":p,"data-is-from":i,"data-is-to":c,onMouseEnter:function(){v(n)},onMouseLeave:function(){return v(null)},onClick:function(){g||l((function(e){return h&&r.from&&!r.to&&u(),function(e,n){return n.from||n.to?n.from&&n.to?{from:e,to:null}:n.from?Bn(e,n.from)?W(W({},n),{from:e}):W(W({},n),{to:e}):n:W(W({},n),{from:e})}(n,e)}))}},e.createElement(Cn,{onClick:function(){}},e.createElement("p",null,a)))}return o((function(){r.from&&r.to&&i(r)}),[r]),e.createElement(hn,{className:"calendar-wrapper"},e.createElement(fn,null,e.createElement(ae,{onClick:c,size:"md",color:"ghost",icon:e.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"})}),e.createElement("div",{className:"calendar-month"},E,e.createElement("strong",null,_n(t,"yyyy"))),e.createElement(ae,{onClick:s,size:"md",color:"ghost",icon:e.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"})})),e.createElement(vn,null,e.createElement("div",null,e.createElement(xn,null,b.map((function(n,t){return e.createElement(yn,{key:"".concat(n,"-").concat(t)},n)})))),e.createElement("div",null,function(){for(var n=t.getFullYear(),a=t.getMonth(),o=jn(t),l=[],i=1;i<=o;i++)l.push(new Date(n,a,i));var c=l[0]?l[0].getDay():0;if(1!==c){var s=0===c?6:c-1;for(i=0;i<s;i++)l.unshift(null)}return e.createElement(En,{key:"month-".concat(a),"data-month-index":a,"data-has-range":Boolean(r.from&&r.to)},e.createElement(bn,null,e.createElement(wn,null,l.map(w))))}())))}function aa(o){var r=o.inputSize,l=void 0===r?"md":r,i=o.name,c=void 0===i?"date-range-picker":i,s=o.value,m=o.minDate,d=o.maxDate,p=o.onChange,u=o.className,g=o.autoClose,h=void 0!==g&&g;s||(s={from:null,to:null});var f=n(!1),v=f[0],x=f[1];function y(){x(!1)}var E=t(null);function b(e){p&&p(e)}function w(e){return _n(e,"dd/MM/yyyy")}Xn(E,(function(){y()}));var k=a((function(){return s.from&&s.to?In(s.from,s.to)?w(s.from):"".concat(w(s.from)," - ").concat(w(s.to)):""}),[s.from,s.to]);return e.createElement(Ln,{className:[u,v&&"focused"].filter(Boolean).join(" "),ref:E},e.createElement("label",{htmlFor:c},e.createElement(O,{size:l,value:k,name:c,actionIcon:e.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 x(!0)}})),v?e.createElement(Nn,{onMouseDown:function(e){e.stopPropagation()}},e.createElement(na,{value:s,onChange:b,minDate:m,maxDate:d,close:y,autoClose:h})):null)}var oa,ra,la=function(){return e.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M6.86364 10.6666H5.22727C4.86912 10.6666 4.51448 10.5977 4.18359 10.4637C3.8527 10.3296 3.55205 10.1332 3.2988 9.8856C2.78734 9.3855 2.5 8.70722 2.5 7.99998C2.5 7.29274 2.78734 6.61446 3.2988 6.11436C3.81026 5.61426 4.50396 5.33331 5.22727 5.33331H6.86364M9.78374 5.33331H11.7727C12.1309 5.33331 12.4855 5.40229 12.8164 5.5363C13.1473 5.67031 13.4479 5.86674 13.7012 6.11436C13.9545 6.36198 14.1553 6.65596 14.2924 6.97949C14.4295 7.30303 14.5 7.64979 14.5 7.99998C14.5 8.35017 14.4295 8.69693 14.2924 9.02047C14.1553 9.344 13.9545 9.63798 13.7012 9.8856C13.4479 10.1332 13.1473 10.3296 12.8164 10.4637C12.4855 10.5977 12.1309 10.6666 11.7727 10.6666H9.78374",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M6.5 8H10.5",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"}))},ia=function(n){var t=n.url,a=n.onCopied,o=n.locale,r=tt().t,l=at(t||"").filter((function(e){return!e.allowedLocales||e.allowedLocales.includes(o)}));return e.createElement(zn,null,e.createElement(s,{size:"p3",color:re.colors.gray800},r("shareContainer.title")),e.createElement("div",{className:"icon-group"},l.map((function(n,t){return e.createElement("a",{key:t,href:n.href,target:"_blank",rel:"noreferrer"},n.icon)})),e.createElement(ae,{size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:e.createElement(la,null),onClick:function(){return Y(void 0,void 0,void 0,(function(){var e;return q(this,(function(n){switch(n.label){case 0:return[4,null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(t)];case 1:return n.sent(),null==a||a(),[2]}}))}))}})))},ca=function(){return e.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"copy"},e.createElement("path",{d:"M4 2.5C3.17125 2.5 2.5 3.17125 2.5 4V13.75C2.5 14.164 2.836 14.5 3.25 14.5C3.664 14.5 4 14.164 4 13.75V4H13.75C14.164 4 14.5 3.664 14.5 3.25C14.5 2.836 14.164 2.5 13.75 2.5H4ZM7 5.5C6.17125 5.5 5.5 6.17125 5.5 7V16C5.5 16.8287 6.17125 17.5 7 17.5H16C16.8287 17.5 17.5 16.8287 17.5 16V7C17.5 6.17125 16.8287 5.5 16 5.5H7ZM7 7H16V16H7V7Z",fill:"#595959"}))},sa=function(n){var t=n.open,a=n.title,r=n.onClose,i=n.onCopied,c=n.onShared,m=n.url,d=n.locale,p=R(n,["open","title","onClose","onCopied","onShared","url","locale"]),u=tt().t,g=l((function(){return Y(void 0,void 0,void 0,(function(){var e;return q(this,(function(n){switch(n.label){case 0:return[4,null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(m)];case 1:return n.sent(),null==i||i(),[2]}}))}))}),[m,i]),h=at(m||"").filter((function(e){return!e.allowedLocales||e.allowedLocales.includes(d)}));return console.log(h),o((function(){t&&navigator.share&&navigator.share({title:null!=a?a:"Read This Post",url:m}).then((function(){null==c||c()})).catch((function(){null==r||r()}))}),[m,a,c,t]),navigator.share?null:e.createElement(Mn,W({title:u("share.title"),onClose:r,open:t,placement:"bottom"},p),e.createElement("div",{className:"share-container"},e.createElement("div",{className:"icon-container"},e.createElement(s,{type:"semiBold",size:"s3",color:re.colors.gray600},u("share.title")),e.createElement("div",{className:"icon-group"},h.map((function(n,t){return e.createElement("a",{key:t,href:n.href,target:"_blank",rel:"noreferrer"},n.icon)})))),e.createElement("div",{className:"link-container"},e.createElement(s,{type:"semiBold",size:"s3",color:re.colors.gray600},u("share.copyLink")),e.createElement("div",{className:"input-group"},e.createElement(ot,{name:"link",size:"md",value:m,isDisabled:!0}),e.createElement(ae,{size:"md",type:"button",color:"tertiary",icon:e.createElement(ca,null),onClick:g})))))},ma=Jn.footer(oa||(oa=J(["\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"])),Q.mbDown,Q.mbDown,Q.mbUp,(function(e){return e.theme.colors.neutral500}),(function(e){return e.theme.colors.neutral500}),Q.mbUp,Q.mbDown,(function(e){return e.theme.colors.neutral500}),Q.mbUp,Q.mbUp,(function(e){return e.theme.colors.neutral500}),Q.mbUp,(function(e){return e.theme.colors.neutral500}),Q.mbDown,Q.mbUp,(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),Q.mbDown,(function(e){return e.theme.colors.neutral500}),Q.mbDown,Q.mbUp,(function(e){return e.theme.colors.neutral500}),Q.mbDown,Q.mbUp,(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),Q.mbUp),da=Jn.div(ra||(ra=J(["\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"]))),pa=function(n){var t=n.url,a=n.isMobile,o=n.dataEventCategory,r=n.dataEventAction,l=n.dataEventLabel,i=n.isAmp;return e.createElement(da,{"data-is-mobile":a},i?e.createElement("amp-img",{className:"country-flag",src:t,alt:"Country Flag","data-event-category":o,"data-event-action":r,"data-content-label":l}):e.createElement("img",{loading:"lazy",className:"country-flag lazy","data-src":t,alt:"Country Flag","data-event-category":o,"data-event-action":r,"data-content-label":l}))},ua=function(n){var t,a,r,l,i,c,m,d,p,u,g,h,f,v,x,y,E,b,w,k,C,L,N,z,M,F,D,_,B,A,H,S,j,T,I,P=n.className,V=n.type,O=void 0===V?"main":V,U=n.footerInfo,W=n.isMobile,G=n.locale,R=n.isAmp,Y=tt().t,q=null==U?void 0:U.menu;return o((function(){setTimeout((function(){return null==$?void 0:$.update()}),100)}),[]),e.createElement(ma,{as:R&&"mini"===O?"div":"footer",className:P,style:"mini"===O?{backgroundColor:re.colors.neutral50}:{},"next-page-hide":!0},e.createElement(Z,null,e.createElement("div",{className:"inner","data-type":O,"next-page-hide":""},"main"===O?e.createElement(e.Fragment,null,e.createElement("a",{href:"/"},R?(null===(a=null==U?void 0:U.general)||void 0===a?void 0:a.logo)?e.createElement("amp-img",{src:null===(r=null==U?void 0:U.general)||void 0===r?void 0:r.logo,alt:"Site logo",width:"132",height:"32",style:{marginBottom:24}}):null:e.createElement("img",{loading:"lazy",className:"footer-logo lazy","data-src":null===(t=null==U?void 0:U.general)||void 0===t?void 0:t.logo,alt:"Logo","data-is-sehat":"id-ID"===G})),e.createElement("div",{className:"columns"},e.createElement("div",{className:"newsletter"},e.createElement(s,{size:"p1",type:"bold"},null===(l=null==U?void 0:U.general)||void 0===l?void 0:l.content),e.createElement(ae,{className:"signupButton",color:"primary",size:"lg"},Y("footer.signUp")),e.createElement("div",{className:"social"},e.createElement(s,{size:"sm",type:"regular"},null===(i=null==U?void 0:U.social)||void 0===i?void 0:i.title),e.createElement("div",{className:"icons"},null===(m=null===(c=null==U?void 0:U.social)||void 0===c?void 0:c.socials)||void 0===m?void 0:m.map((function(n,t){return e.createElement("a",{key:t,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,href:n.url},R?e.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,src:n.icon,alt:"Logo Social",width:"32",height:"32"}):e.createElement("img",{loading:"lazy","data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,"data-src":n.icon,alt:"Logo Social",className:"social-icon lazy"}))}))),e.createElement("hr",{className:"hrMobile"}))),e.createElement("div",null,q&&e.createElement(e.Fragment,null,e.createElement("div",{className:"biglinks"},null===(p=null===(d=q[0])||void 0===d?void 0:d.items)||void 0===p?void 0:p.map((function(n,t){return e.createElement("a",{"data-event-category":"Footer","data-event-action":n.title,"data-event-label":"https://".concat(Gn[G]).concat(n.url),className:"bigLink",key:t,href:n.url},n.title)}))),e.createElement("hr",{className:"hrMobile"}),e.createElement("div",{className:"mHalf"},e.createElement(s,{type:"regular",size:"sm",className:"linkTitle"},null===(u=q[1])||void 0===u?void 0:u.menu_title),null===(h=null===(g=q[1])||void 0===g?void 0:g.items)||void 0===h?void 0:h.map((function(n,t){return e.createElement("a",{"data-event-category":"Footer","data-event-action":n.title,"data-event-label":"https://".concat(Gn[G]).concat(n.url),className:"link",href:n.url,key:t},e.createElement(s,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:n.title,dataEventLabel:"https://".concat(Gn[G]).concat(n.url)},n.title))}))),e.createElement("div",{className:"mHalf"},e.createElement(s,{type:"regular",size:"sm",className:"linkTitle"},null===(f=q[2])||void 0===f?void 0:f.menu_title),null===(x=null===(v=q[2])||void 0===v?void 0:v.items)||void 0===x?void 0:x.map((function(n,t){return n.url&&e.createElement("a",{"data-event-category":"Footer","data-event-action":n.title,"data-event-label":n.url,className:"link",href:n.url,key:t},e.createElement(s,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:n.title,dataEventLabel:n.url},n.title))})))),!R&&e.createElement(e.Fragment,null,e.createElement("hr",{className:"hrMobile"}),e.createElement("div",{className:"otherSites"},e.createElement(s,{type:"regular",size:"sm",className:"linkTitle"},null===(y=null==U?void 0:U.branch)||void 0===y?void 0:y.title),e.createElement("div",{className:"flags"},null===(b=null===(E=null==U?void 0:U.branch)||void 0===E?void 0:E.branch)||void 0===b?void 0:b.map((function(n,t){return e.createElement("a",{className:"link",href:n.url,key:t,"data-event-category":"Footer","data-event-action":n.name,"data-event-label":n.url},e.createElement(pa,{url:n.flag,isMobile:W,dataEventCategory:"Footer",dataEventAction:n.name,dataEventLabel:n.url,isAmp:R}))}))))))),e.createElement("hr",null),e.createElement("div",{className:"copyright","data-is-amp":R||void 0},(null===(w=null==U?void 0:U.general)||void 0===w?void 0:w.verified)&&e.createElement("a",{href:null===(C=null===(k=null==U?void 0:U.general)||void 0===k?void 0:k.verified[0])||void 0===C?void 0:C.url,className:"copyright-image"},R?e.createElement("amp-img",{src:null===(N=null===(L=null==U?void 0:U.general)||void 0===L?void 0:L.verified[0])||void 0===N?void 0:N.image,alt:"DMCA Icon",width:"100",height:"36"}):e.createElement("img",{loading:"lazy",className:"lazy","data-src":null===(M=null===(z=null==U?void 0:U.general)||void 0===z?void 0:z.verified[0])||void 0===M?void 0:M.image,alt:"DMCA Icon"})),e.createElement(s,{size:"xs",type:"regular",className:"copyright-content"},null===(F=null==U?void 0:U.general)||void 0===F?void 0:F.copyright)),"vi-VN"===G&&e.createElement(s,{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")):e.createElement(e.Fragment,null,(null==U?void 0:U.menu)&&e.createElement("div",{className:"columns"},e.createElement("div",{className:"mHalf"},e.createElement(s,{type:"regular",size:"sm",className:"linkTitle"},null===(D=null==U?void 0:U.menu[1])||void 0===D?void 0:D.menu_title),null===(B=null===(_=null==U?void 0:U.menu[1])||void 0===_?void 0:_.items)||void 0===B?void 0:B.map((function(n){return e.createElement("a",{className:"link",href:n.url,key:n.title,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Information","data-content-title":n.title,"data-content-id":"https://".concat(Gn[G]).concat(n.url),"data-event-category":"Footer","data-event-action":n.title,"data-event-label":"https://".concat(Gn[G]).concat(n.url)},e.createElement(s,{dataEventCategory:"Footer",dataEventAction:n.title,dataEventLabel:"https://".concat(Gn[G]).concat(n.url),size:"sm",type:"regular",style:{color:re.colors.gray800}},n.title))}))),e.createElement("div",{className:"mHalf"},e.createElement(s,{type:"regular",size:"sm",className:"linkTitle"},null===(A=null==U?void 0:U.menu[2])||void 0===A?void 0:A.menu_title),null===(S=null===(H=null==U?void 0:U.menu[2])||void 0===H?void 0:H.items)||void 0===S?void 0:S.map((function(n,t){return e.createElement("a",{className:"link",href:n.url,key:t,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Hello Health","data-content-title":n.title,"data-content-id":n.url,"data-event-category":"Footer","data-event-action":n.title,"data-event-label":n.url},e.createElement(s,{size:"sm",type:"regular",style:{color:re.colors.gray800},dataEventCategory:"Footer",dataEventAction:n.title,dataEventLabel:n.url},n.title))}))),!R&&"mini"!==O&&e.createElement("hr",{className:"hrMobile"}),e.createElement("div",{className:"newsletter"},e.createElement("div",{className:"social"},e.createElement(s,{size:"sm",type:"regular"},null===(j=null==U?void 0:U.social)||void 0===j?void 0:j.title),e.createElement("div",{className:"icons"},null===(I=null===(T=null==U?void 0:U.social)||void 0===T?void 0:T.socials)||void 0===I?void 0:I.map((function(n,t){return e.createElement("a",{key:t,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,href:n.url},R?e.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,src:n.icon,alt:"Logo Social",width:"32",height:"32"}):e.createElement("img",{loading:"lazy","data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,"data-src":n.icon,alt:"Logo Social",className:"social-icon lazy"}))}))))))))))};Jn((function(n){var t=n.type,a=R(n,["type"]);return e.createElement(t,a)}))(ga||(ga=J(["\n color: var(--text-color, ",");\n font-family: Krub;\n font-weight: 600;\n letter-spacing: -0.2px;\n\n &[data-type='headline-1'] {\n font-size: 40px;\n line-height: 60px;\n }\n &[data-type='headline-2'] {\n font-size: 32px;\n line-height: 48px;\n }\n &[data-type='headline-3'] {\n font-size: 24px;\n line-height: 40px;\n }\n &[data-type='headline-4'] {\n font-size: 18px;\n line-height: 32px;\n }\n"],["\n color: var(--text-color, ",");\n font-family: Krub;\n font-weight: 600;\n letter-spacing: -0.2px;\n\n &[data-type='headline-1'] {\n font-size: 40px;\n line-height: 60px;\n }\n &[data-type='headline-2'] {\n font-size: 32px;\n line-height: 48px;\n }\n &[data-type='headline-3'] {\n font-size: 24px;\n line-height: 40px;\n }\n &[data-type='headline-4'] {\n font-size: 18px;\n line-height: 32px;\n }\n"])),(function(e){return e.theme.mbColors.dark}));var ga,ha,fa=Jn.p(ha||(ha=J(["\n color: var(--text-color, ",");\n letter-spacing: -0.2px;\n\n &[data-type='subtitle-1'] {\n font-size: 16px;\n font-weight: 600;\n line-height: 26px;\n }\n &[data-type='subtitle-2'] {\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n }\n &[data-type='subtitle-3'] {\n font-size: 12px;\n font-weight: 500;\n line-height: 20px;\n }\n &[data-type='bodytext-1'] {\n font-size: 16px;\n font-weight: 400;\n line-height: 28px;\n }\n &[data-type='bodytext-2'] {\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n }\n &[data-type='bodytext-3'] {\n font-size: 12px;\n font-weight: 400;\n line-height: 20px;\n }\n &[data-type='caption-1'] {\n font-size: 10px;\n font-weight: 500;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n &[data-type='caption-2'] {\n font-size: 10px;\n font-weight: 400;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n"],["\n color: var(--text-color, ",");\n letter-spacing: -0.2px;\n\n &[data-type='subtitle-1'] {\n font-size: 16px;\n font-weight: 600;\n line-height: 26px;\n }\n &[data-type='subtitle-2'] {\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n }\n &[data-type='subtitle-3'] {\n font-size: 12px;\n font-weight: 500;\n line-height: 20px;\n }\n &[data-type='bodytext-1'] {\n font-size: 16px;\n font-weight: 400;\n line-height: 28px;\n }\n &[data-type='bodytext-2'] {\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n }\n &[data-type='bodytext-3'] {\n font-size: 12px;\n font-weight: 400;\n line-height: 20px;\n }\n &[data-type='caption-1'] {\n font-size: 10px;\n font-weight: 500;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n &[data-type='caption-2'] {\n font-size: 10px;\n font-weight: 400;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n"])),(function(e){return e.theme.mbColors.dark})),va=function(n){var t=n.type,a=n.color,o=n.style,r=R(n,["type","color","style"]);return e.createElement(fa,W({"data-type":t,style:W(W({},o),a&&{"--text-color":a})},r))};Jn.footer(xa||(xa=J(["\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(e){return e.theme.mbColors.lightGray}),Q.mbDown,Q.mbDown,(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.neutral500}),Q.mbUp,Q.mbDown,(function(e){return e.theme.colors.neutral500}),Q.mbUp,Q.mbUp,(function(e){return e.theme.colors.white}),Q.mbUp,(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),Q.mbDown,(function(e){return e.theme.colors.neutral500}),Q.mbDown,(function(e){return e.theme.colors.neutral500}),(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),Q.mbUp);var xa,ya,Ea,ba,wa,ka,Ca,La,Na=Jn.div(ya||(ya=J([""],[""]))),za=Jn.div(Ea||(Ea=J(["\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"]))),Ma=Jn.div(ba||(ba=J(["\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"])),Q.mbDown),Fa=Jn.div(wa||(wa=J(["\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"])),Q.mbDown,(function(e){return e.theme.colors.gray800}),Q.mbDown,Q.mbUp,Q.mbDown),Da=Jn.div(ka||(ka=J(["\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"])),Q.mbUp,Q.mbDown),_a=Jn.div(Ca||(Ca=J(["\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"])),Q.mbDown,Q.mbDown,Q.mbDown,(function(e){return e.theme.mbColors.midGray}),Q.mbDown,Q.mbDown,Q.mbDown,(function(e){return e.theme.mbColors.midGray})),Ba=Jn.div(La||(La=J(["\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"]))),Aa={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"}},Ha=function(n){var t,a=n.socialLinks,o=void 0===a?Aa.SOCIAL_LINKS:a,r=o.facebookLink,l=o.instagramLink,i=o.zaloLink,c=o.youtubeLink,s=n.copyrightText,m=n.logoType,d=void 0===m?"marryBaby":m,p=n.isMobile,u=n.footerMenu,g=void 0===u?[]:u,h=n.type,f=void 0===h?"main":h,v=tt().t;return"main"===f?e.createElement(Na,{className:"footer-container"},!p&&e.createElement("div",{className:"footer-divider"},e.createElement(Z,{type:"marryBaby"},e.createElement(st,{style:{padding:"0 16px"},type:"solid"}))),e.createElement(Ma,null,e.createElement(Z,{type:"marryBaby"},e.createElement(Fa,null,e.createElement("div",{className:"grid"},null===(t=p?null==g?void 0:g.slice(0,6):g)||void 0===t?void 0:t.map((function(n,t){var a=n.title,o=n.link;return e.createElement("a",{"data-event-category":"Footer","data-event-action":a,"data-event-label":"".concat(o),className:"link",href:o,key:"footer-links-".concat(t)},e.createElement(va,{color:re.colors.gray800,type:"subtitle-2"},a))})),e.createElement("div",{className:"social-wrapper"},e.createElement("div",{className:"social"},e.createElement(va,{type:"subtitle-2"},v("footer.followUsText")),e.createElement("div",{className:"icons-links"},r&&e.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":r,href:r},e.createElement("img",{src:rt,alt:"Facebook"})),c&&e.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":c,href:c},e.createElement("img",{src:lt,alt:"Youtube"})),l&&e.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":l,href:l},e.createElement("img",{src:it,alt:"Instagram"})),i&&e.createElement("a",{target:"_blank",rel:"noreferrer",href:i,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":i},e.createElement("img",{src:ct,alt:"Zalo"}))))))))),e.createElement(Da,null,e.createElement(Z,{type:"marryBaby"},e.createElement(_a,null,e.createElement(U,{className:"logo",type:d,width:"121px"}),e.createElement(va,{className:"company-name",type:"subtitle-2"},v("footer.info.companyName")),e.createElement("div",{className:"text-info"},e.createElement(va,{type:"bodytext-3"},v("footer.info.address")),e.createElement(va,{type:"bodytext-3"},v("footer.info.license")),e.createElement(va,{type:"bodytext-3"},v("footer.info.email"))),e.createElement("div",{className:"img-container"},e.createElement("img",{src:"/images/dmca_protected.png",alt:"DMCA protected"}),e.createElement("a",{href:"http://online.gov.vn/Home/WebDetails/25055?AspxAutoDetectCookieSupport=1",target:"_blank",rel:"noreferrer"},e.createElement("img",{src:"/images/mit_registered.png",alt:"MIT registered"}))),!p&&e.createElement(st,{type:"solid"}),e.createElement("div",{className:"language-and-copyright"},e.createElement(va,{type:"bodytext-3"},s)))))):e.createElement(za,null,e.createElement(Ba,null),e.createElement(va,{type:"subtitle-3",style:{marginBottom:24,textTransform:"uppercase",fontWeight:re.sizes.fwSemiBold},color:re.mbColors.midGray},v("footer.followUsText")),e.createElement("div",{className:"icons-links"},r&&e.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":r,href:r},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.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)"}),e.createElement("defs",null,e.createElement("linearGradient",{id:"paint0_linear",x1:"12",y1:"3",x2:"12",y2:"21",gradientUnits:"userSpaceOnUse"},e.createElement("stop",{stopColor:"#4DABF7"}),e.createElement("stop",{offset:"1",stopColor:"#2668DA"}))))),c&&e.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":c,href:c},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.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"}))),l&&e.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":l,href:l},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.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)"}),e.createElement("defs",null,e.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)"},e.createElement("stop",{offset:"0.073",stopColor:"#EACC7B"}),e.createElement("stop",{offset:"0.184",stopColor:"#ECAA59"}),e.createElement("stop",{offset:"0.307",stopColor:"#EF802E"}),e.createElement("stop",{offset:"0.358",stopColor:"#EF6D3A"}),e.createElement("stop",{offset:"0.46",stopColor:"#F04B50"}),e.createElement("stop",{offset:"0.516",stopColor:"#F03E58"}),e.createElement("stop",{offset:"0.689",stopColor:"#DB359E"}),e.createElement("stop",{offset:"0.724",stopColor:"#CE37A4"}),e.createElement("stop",{offset:"0.789",stopColor:"#AC3CB4"}),e.createElement("stop",{offset:"0.877",stopColor:"#7544CF"}),e.createElement("stop",{offset:"0.98",stopColor:"#2B4FF2"}))))),i&&e.createElement("a",{target:"_blank",rel:"noreferrer",href:i,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":i},e.createElement("div",{style:{height:24,width:24}},e.createElement("img",{src:"/icons/zalo.png",alt:"Zalo"})))))},Sa=function(n){var t=n.type,a=n.isMobile,r=void 0===a||a,l=n.locale,i=n.footerInfo,c=n.isAmp,s=n.siteType;return o((function(){setTimeout((function(){return null==$?void 0:$.update()}),100)}),[]),"helloSites"===s?e.createElement(ua,{isAmp:c,isMobile:r,type:t,locale:l,footerInfo:i||{}}):e.createElement(Ha,{isMobile:r,locale:l,footerMenu:i||[],copyrightText:"© 2022 MarryBaby.vn",socialLinks:n.marryBabySocialLinks,type:t})};export{mt as A,dt as B,Ct as C,It as D,ut as F,gt as G,Pt as I,ft as P,Mt as R,vt as S,Et as T,wt as U,pt as a,yt as b,bt as c,kt as d,Ft as e,Bt as f,Ht as g,St as h,jt as i,Vt as j,Ot as k,Ut as l,Wt as m,Gt as n,Rt as o,Yt as p,qt as q,Jt as r,Kt as s,Xt as t,aa as u,ia as v,sa as w,Sa as x};