@hhgtech/hhg-components 1.20.63 → 1.20.65

package/build/index-ec492b9f.js

@@ -1 +0,0 @@
-"use strict";var e=require("react"),t=require("./index.styled-bdd83972.js"),n=require("./tslib.es6-f7929e76.js"),a=require("./screenSizeContext-6726a3b5.js"),l=require("react-range"),o=require("./index-ee8e90f7.js"),r=require("./theme-696d81a9.js"),i=require("./index-21ee2304.js"),d=require("react-id-generator"),c=require("./index-6c15aaed.js"),s=require("lodash"),u=require("keen-slider/react");require("react-dom"),require("./translationsContext-7030adbb.js"),require("string-format"),require("lodash/debounce");var m=require("./index-d28c27ca.js"),p=require("date-fns"),f=require("styled-components");require("./Locale-11b51016.js");var g=require("./index-94c126f6.js"),h=require("./isProduction-32e6a55a.js"),v=require("./useTranslations-22cc11a9.js"),x=require("./utils-6fb915bc.js"),y=require("./useOutsideClick-528bfd6c.js"),E=require("date-fns/locale/en-US"),b=require("date-fns/locale/id"),w=require("date-fns/locale/vi"),k=require("date-fns/locale/zh-TW"),C=require("./getSocialList-2a3b759f.js"),S=require("./index-4888aa12.js"),L=require("./zalo-e7b9d144.js"),_=require("./index-af3a78da.js");function N(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var M=N(e),z=N(f),T=N(E),B=N(b),D=N(w),F=N(k),I=function(l){var o=l.pagesAmount,r=l.activePage,i=l.handlePageChange,d=l.handleClick,c=l.href,s=l.queryPageName,u=void 0===s?"page":s,m=n.__spreadArray([],Array(o),!0).map((function(e,t){return t+1})),p=e.useState(r<=4?m.slice(0,5):r>=m.length-3?m.slice(m.length-5,m.length):m.slice(r-2,r+1)),f=p[0],g=p[1];return e.useEffect((function(){r<=4?g(m.slice(0,5)):r>=m.length-3?g(m.slice(m.length-5,m.length)):g(m.slice(r-2,r+1))}),[r]),M.default.createElement(e.Fragment,null,r>4&&M.default.createElement(e.Fragment,null,M.default.createElement(t.StyledPaginationBlock,{onClick:function(){return i(1)}},c?M.default.createElement("a",{href:c,onClick:d},1):1),M.default.createElement(t.StyledPaginationBlock,null,"...")),f.map((function(e){return M.default.createElement(t.StyledPaginationBlock,{key:"".concat("pagination","+").concat(e),"data-page-active":e===r||void 0,onClick:function(){return i(e)}},c?M.default.createElement("a",{href:a.formatUrlWithPageParam(c,e,u),onClick:d},e):e)})),r<m.length-3&&M.default.createElement(e.Fragment,null,M.default.createElement(t.StyledPaginationBlock,null,"..."),M.default.createElement(t.StyledPaginationBlock,{onClick:function(){return i(m.length)}},c?M.default.createElement("a",{href:a.formatUrlWithPageParam(c,m.length,u),onClick:d},m.length):m.length)))};function A(e){var n=e.rangeRef,a=e.values,o=e.index,r=l.useThumbOverlap(n,a,o,1," - ",(function(e){return e})),i=r[0],d=r[1];return M.default.createElement(M.default.Fragment,null,M.default.createElement(t.StyledLabel,{"data-label":o,style:d},i),M.default.createElement(t.StyledDot,{"data-label":o}))}var j=function(e){var n=e.label,a=e.name,l=e.checked,o=e.className,r=e.isDisabled,i=e.onChange,d=e.value,c=e.isRectangle;return M.default.createElement(t.StyledCheckbox,{className:o,"data-disabled":r||void 0,"data-is-rectangle":c||void 0,"data-label-text":n},M.default.createElement("input",{type:"checkbox",checked:l,name:a,onChange:function(){return i(d,!l)},disabled:r,value:d,id:"".concat(a,"-").concat(d),"data-label-text":n}),!c&&M.default.createElement("label",{htmlFor:"".concat(a,"-").concat(d)},n))},H=function(e){return M.default.createElement("svg",n.__assign({},e,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),M.default.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"}))},P=function(e){return M.default.createElement("svg",n.__assign({},e,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),M.default.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"}))},W=function(e){return M.default.createElement("svg",n.__assign({},e,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),M.default.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"}),M.default.createElement("mask",{id:"mask0_3555_5815",maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},M.default.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),M.default.createElement("g",{mask:"url(#mask0_3555_5815)"},M.default.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"})))},V=function(e){var n=e.avatarImg,a=e.authorName,l=e.authorLink,o=e.uploadTime,r=e.size;return M.default.createElement(i.StyledAuthor,null,M.default.createElement("div",{className:"author"},M.default.createElement("div",{className:"avatar","data-size":r},n),M.default.createElement("div",{className:"poster","data-is-disabled-url":!l},M.default.createElement(t.Text,{size:"lg"===r?"p3":"p4"},M.default.createElement("a",{href:l},M.default.createElement("span",{className:"name"},a),"•"," "),M.default.createElement("span",null,o)))))},O=function(e){var n=e.isMobile,a=e.avatarImg,l=e.name,d=e.link,c=e.size,s=void 0===c?"lg":c,u=e.specialty;return e.handleClick,e.isBookmarked,e.dataEventCategoryForBookmark,e.dataEventActionForBookmark,e.dataEventLabelForBookmark,M.default.createElement(i.StyledAuthor,null,M.default.createElement("div",{className:"author"},M.default.createElement("div",{className:"expert-avatar","data-size":s},a),M.default.createElement("div",{className:"expert","data-is-disabled-url":!d},n?M.default.createElement("a",{href:d},"lg"===s?M.default.createElement(M.default.Fragment,null,M.default.createElement(o.Heading,{tag:"h6",className:"expert__name",color:r.theme.colors.gray600},l),M.default.createElement(t.Text,{color:r.theme.colors.gray500,size:"p3",className:"specialty"},u)):M.default.createElement(M.default.Fragment,null,M.default.createElement(o.Heading,{tag:"h6",className:"expert__name",color:r.theme.colors.gray600},l))):M.default.createElement("a",{href:d},"lg"===s?M.default.createElement(M.default.Fragment,null,M.default.createElement(o.Heading,{tag:"h6",className:"expert__name",color:r.theme.colors.gray600},l),M.default.createElement(t.Text,{color:r.theme.colors.gray500,size:"p3",className:"specialty"},u)):M.default.createElement(M.default.Fragment,null,M.default.createElement(i.StyledExpertName,{color:r.theme.colors.gray600,className:"expert__name"},l),M.default.createElement(t.Text,{color:r.theme.colors.gray500,size:"p4",className:"specialty"},u))))))},Z=function(e){var t=e.LinkComponent,n=e.page,a=e.isLast,l=e.onChangePage,o=n.label,r=n.value,d=n.isDropdown,s=n.dropdownItems,u=n.dataEventCategory,m=n.dataEventAction,p=n.dataEventLabel;return d?M.default.createElement(c.Dropdown,{options:s,placeholder:"...",id:"",placeholderIcon:null,onChange:l,className:"collapsed-breadcrumb"}):M.default.createElement(i.StyledTextLink,{title:"string"!=typeof o?r:o,"data-last":a},t&&M.default.createElement(t,{"data-event-category":u,"data-event-action":m,"data-event-label":p,href:r||"#"},o))},U=Object.freeze({__proto__:null,SideMenu:i.SideMenu,SideHeader:i.SideHeader,UserInfo:i.UserInfo,MenuLink:i.MenuLink}),G=function(e){var t=e.isDisabled,n=e.isLeft,a=e.onClick,l=e.className,o=e.scheme,r=void 0===o?"hellosites":o;return M.default.createElement(i.StyledArrow,{onClick:a,"data-is-disabled":t,"data-is-left":n,className:l},M.default.createElement("svg",{width:"8",height:"12",viewBox:"0 0 8 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n?M.default.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"===r?"#595959":"#E55C8A"}):M.default.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"===r?"#595959":"#E55C8A"})))},Q=Object.freeze({__proto__:null,Table:i.Table,Cell:i.Cell,Head:i.Head,Row:i.Row,Body:i.Body}),q=function(e){var n=e.className,a=e.heading,l=e.isMobile,d=e.bannerUrl,c=e.bannerUrlLarge,s=e.medicalReview,u=e.icon,m=(e.isHomePage,e.style),p=l?"h5":"h2",f=l?d:c||d;return M.default.createElement(i.StyledContainer,{"data-is-mobile":l,style:m},M.default.createElement(i.StyledWrapper,{className:n,"data-banner-url":f,"data-is-mobile":l},M.default.createElement(t.Container,{className:"container"},M.default.createElement(i.StyledInner,null,M.default.createElement(i.StyledHeading,{"data-is-mobile":l},M.default.createElement(i.StyledHeadingWithReviewedStatus,{"data-is-mobile":l},M.default.createElement(o.Heading,{color:r.theme.colors.white,tag:p,as:"h2"},a)),s&&M.default.createElement(i.StyledMedicalReviewed,{"data-is-mobile":l},M.default.createElement("img",{src:"https://hellobacsi.com/images/check-circle.svg",alt:void 0}),s)),M.default.createElement(i.StyledIconContainer,{"data-is-mobile":l},u)))))},R=function(){return"undefined"!=typeof window&&window.innerWidth<a.Breakpoints.BREAK_POINT_MOBILE},Y=function(){return"undefined"!=typeof window&&window.innerWidth>=a.Breakpoints.BREAK_POINT_MOBILE&&window.innerWidth<a.Breakpoints.BREAK_POINT_PC};var K={"en-PH":T.default,"vi-VN":D.default,"zh-TW":F.default,"id-ID":B.default};function X(t){var a=t.value,l=void 0===a?{from:null,to:null}:a,o=e.useState(null),r=o[0],d=o[1],c=function(){var t=e.useState(R()),n=t[0],a=t[1],l=e.useState(Y()),o=l[0],r=l[1];return e.useEffect((function(){var e=function(){a(R()),r(Y())};return window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]),{isMobile:n,isLargeMobile:o}}().isMobile,s=e.useState((function(){return l})),u=s[0],m=s[1],f=e.useState((function(){var e;return p.startOfMonth(null!==(e=l.from)&&void 0!==e?e:new Date)})),g=f[0],h=f[1],v=e.useMemo((function(){return p.addMonths(g,1)}),[g]);var x=n.__assign(n.__assign({},t),{goToNextMonth:function(){h((function(e){return p.addMonths(e,1)}))},goToPreviousMonth:function(){h((function(e){return p.subMonths(e,1)}))},range:u,setRange:m,hoverDay:r,setHoverDay:d});return M.default.createElement(M.default.Fragment,null,M.default.createElement(J,n.__assign({},x,{date:g})),!c&&M.default.createElement(i.StyledCalendarMonthSeparator,null),!c&&M.default.createElement(J,n.__assign({},x,{date:v})))}function J(t){var a=t.date,l=t.range,r=t.setRange,d=t.onChange,c=t.goToPreviousMonth,s=t.goToNextMonth,u=t.minDate,m=t.maxDate,f=t.close,g=void 0===f?function(){}:f,h=t.autoClose,x=void 0!==h&&h,y=t.hoverDay,E=t.setHoverDay,b=v.useTranslations().locale,w=e.useMemo((function(){var e;return null!==(e=K[b])&&void 0!==e?e:K["en-PH"]}),[b]),k=e.useMemo((function(){return p.format(a,"MMMM",{locale:w})}),[a,w]),C=e.useMemo((function(){return w?[1,2,3,4,5,6,0].map((function(e){return w.localize.day(e,{width:"narrow"})})):[]}),[w]);function S(e,t){if(null===e)return M.default.createElement(i.StyledCalendarDayNumberWrapper,{key:"idx-".concat(t),"data-empty":"true"});var a=e.getDate(),o=p.isToday(e),d=!!l.from&&p.isSameDay(l.from,e),c=!!l.to&&p.isSameDay(l.to,e),s=d||c,f=!1;null!==y&&l.from&&p.isBefore(l.from,y)&&!l.to?f=p.isWithinInterval(e,{start:l.from,end:y}):l.from&&l.to&&(f=p.isWithinInterval(e,{start:l.from,end:l.to}));var h=!1;return u&&m?h=!p.isWithinInterval(e,{start:u,end:m}):u?h=p.isBefore(e,u):m&&(h=p.isAfter(e,m)),M.default.createElement(i.StyledCalendarDayNumberWrapper,{key:a,"data-is-today":o,"data-is-past":!o&&p.isPast(e),"data-is-selected":s,"data-is-disabled":h,"data-in-range":f,"data-is-from":d,"data-is-to":c,onMouseEnter:function(){E(e)},onMouseLeave:function(){return E(null)},onClick:function(){h||r((function(t){return x&&l.from&&!l.to&&g(),function(e,t){return t.from||t.to?t.from&&t.to?{from:e,to:null}:t.from?p.isBefore(e,t.from)?n.__assign(n.__assign({},t),{from:e}):n.__assign(n.__assign({},t),{to:e}):t:n.__assign(n.__assign({},t),{from:e})}(e,t)}))}},M.default.createElement(i.StyledCalendarDayNumber,{onClick:function(){}},M.default.createElement("p",null,a)))}return e.useEffect((function(){l.from&&l.to&&d(l)}),[l]),M.default.createElement(i.StyledCalendarWrapper,{className:"calendar-wrapper"},M.default.createElement(i.StyledCalendarHead,null,M.default.createElement(o.Button,{onClick:c,size:"md",color:"ghost",icon:M.default.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"})}),M.default.createElement("div",{className:"calendar-month"},k,M.default.createElement("strong",null,p.format(a,"yyyy"))),M.default.createElement(o.Button,{onClick:s,size:"md",color:"ghost",icon:M.default.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"})})),M.default.createElement(i.StyledCalendarCellsWrapper,null,M.default.createElement("div",null,M.default.createElement(i.StyledCalendarDaysOfWeek,null,C.map((function(e,t){return M.default.createElement(i.StyledCalendarDayLabel,{key:"".concat(e,"-").concat(t)},e)})))),M.default.createElement("div",null,function(){for(var e=a.getFullYear(),t=a.getMonth(),n=p.getDaysInMonth(a),o=[],r=1;r<=n;r++)o.push(new Date(e,t,r));var d=o[0]?o[0].getDay():0;if(1!==d){var c=0===d?6:d-1;for(r=0;r<c;r++)o.unshift(null)}return M.default.createElement(i.StyledCalendarMonthWrapper,{key:"month-".concat(t),"data-month-index":t,"data-has-range":Boolean(l.from&&l.to)},M.default.createElement(i.StyledCalendarDaysWrapper,null,M.default.createElement(i.StyledCalendarDateGrid,null,o.map(S))))}())))}var $,ee,te=function(){return M.default.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M.default.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"}),M.default.createElement("path",{d:"M6.5 8H10.5",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"}))},ne=function(){return M.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"copy"},M.default.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"}))},ae=z.default.footer($||($=n.__makeTemplateObject(["\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"])),a.MediaQueries.mbDown,a.MediaQueries.mbDown,a.MediaQueries.mbUp,(function(e){return e.theme.colors.neutral500}),(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbUp,a.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbUp,a.MediaQueries.mbUp,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbUp,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbDown,a.MediaQueries.mbUp,(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),a.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbDown,a.MediaQueries.mbUp,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbDown,a.MediaQueries.mbUp,(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),a.MediaQueries.mbUp),le=z.default.div(ee||(ee=n.__makeTemplateObject(["\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"]))),oe=function(e){var t=e.url,n=e.isMobile,a=e.dataEventCategory,l=e.dataEventAction,o=e.dataEventLabel,r=e.isAmp;return M.default.createElement(le,{"data-is-mobile":n},r?M.default.createElement("amp-img",{className:"country-flag",src:t,alt:"Country Flag","data-event-category":a,"data-event-action":l,"data-content-label":o}):M.default.createElement("img",{loading:"lazy",className:"country-flag lazy","data-src":t,alt:"Country Flag","data-event-category":a,"data-event-action":l,"data-content-label":o}))},re=function(n){var l,i,d,c,s,u,p,f,g,h,x,y,E,b,w,k,C,S,L,_,N,z,T,B,D,F,I,A,j,H,P,W,V,O,Z,U=n.className,G=n.type,Q=void 0===G?"main":G,q=n.footerInfo,R=n.isMobile,Y=n.locale,K=n.isAmp,X=v.useTranslations().t,J=null==q?void 0:q.menu;return e.useEffect((function(){setTimeout((function(){return null===a.lazyLoadInstance||void 0===a.lazyLoadInstance?void 0:a.lazyLoadInstance.update()}),100)}),[]),M.default.createElement(ae,{as:K&&"mini"===Q?"div":"footer",className:U,style:"mini"===Q?{backgroundColor:r.theme.colors.neutral50}:{},"next-page-hide":!0},M.default.createElement(t.Container,null,M.default.createElement("div",{className:"inner","data-type":Q,"next-page-hide":""},"main"===Q?M.default.createElement(M.default.Fragment,null,M.default.createElement("a",{href:"/"},K?(null===(i=null==q?void 0:q.general)||void 0===i?void 0:i.logo)?M.default.createElement("amp-img",{src:null===(d=null==q?void 0:q.general)||void 0===d?void 0:d.logo,alt:"Site logo",width:"132",height:"32",style:{marginBottom:24}}):null:M.default.createElement("img",{loading:"lazy",className:"footer-logo lazy","data-src":null===(l=null==q?void 0:q.general)||void 0===l?void 0:l.logo,alt:"Logo","data-is-sehat":"id-ID"===Y})),M.default.createElement("div",{className:"columns"},M.default.createElement("div",{className:"newsletter"},M.default.createElement(t.Text,{size:"p1",type:"bold"},null===(c=null==q?void 0:q.general)||void 0===c?void 0:c.content),M.default.createElement(o.Button,{className:"signupButton",color:"primary",size:"lg"},X("footer.signUp")),M.default.createElement("div",{className:"social"},M.default.createElement(t.Text,{size:"sm",type:"regular"},null===(s=null==q?void 0:q.social)||void 0===s?void 0:s.title),M.default.createElement("div",{className:"icons"},null===(p=null===(u=null==q?void 0:q.social)||void 0===u?void 0:u.socials)||void 0===p?void 0:p.map((function(e,t){return M.default.createElement("a",{key:t,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,href:e.url},K?M.default.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",width:"32",height:"32"}):M.default.createElement("img",{loading:"lazy","data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,"data-src":e.icon,alt:"Logo Social",className:"social-icon lazy"}))}))),M.default.createElement("hr",{className:"hrMobile"}))),M.default.createElement("div",null,J&&M.default.createElement(M.default.Fragment,null,M.default.createElement("div",{className:"biglinks"},null===(g=null===(f=J[0])||void 0===f?void 0:f.items)||void 0===g?void 0:g.map((function(e,t){return M.default.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(m.domainLocales[Y]).concat(e.url),className:"bigLink",key:t,href:e.url},e.title)}))),M.default.createElement("hr",{className:"hrMobile"}),M.default.createElement("div",{className:"mHalf"},M.default.createElement(t.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(h=J[1])||void 0===h?void 0:h.menu_title),null===(y=null===(x=J[1])||void 0===x?void 0:x.items)||void 0===y?void 0:y.map((function(e,n){return M.default.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(m.domainLocales[Y]).concat(e.url),className:"link",href:e.url,key:n},M.default.createElement(t.Text,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:"https://".concat(m.domainLocales[Y]).concat(e.url)},e.title))}))),M.default.createElement("div",{className:"mHalf"},M.default.createElement(t.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(E=J[2])||void 0===E?void 0:E.menu_title),null===(w=null===(b=J[2])||void 0===b?void 0:b.items)||void 0===w?void 0:w.map((function(e,n){return e.url&&M.default.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":e.url,className:"link",href:e.url,key:n},M.default.createElement(t.Text,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:e.url},e.title))})))),!K&&M.default.createElement(M.default.Fragment,null,M.default.createElement("hr",{className:"hrMobile"}),M.default.createElement("div",{className:"otherSites"},M.default.createElement(t.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(k=null==q?void 0:q.branch)||void 0===k?void 0:k.title),M.default.createElement("div",{className:"flags"},null===(S=null===(C=null==q?void 0:q.branch)||void 0===C?void 0:C.branch)||void 0===S?void 0:S.map((function(e,t){return M.default.createElement("a",{className:"link",href:e.url,key:t,"data-event-category":"Footer","data-event-action":e.name,"data-event-label":e.url},M.default.createElement(oe,{url:e.flag,isMobile:R,dataEventCategory:"Footer",dataEventAction:e.name,dataEventLabel:e.url,isAmp:K}))}))))))),M.default.createElement("hr",null),M.default.createElement("div",{className:"copyright","data-is-amp":K||void 0},(null===(L=null==q?void 0:q.general)||void 0===L?void 0:L.verified)&&M.default.createElement("a",{href:null===(N=null===(_=null==q?void 0:q.general)||void 0===_?void 0:_.verified[0])||void 0===N?void 0:N.url,className:"copyright-image"},K?M.default.createElement("amp-img",{src:null===(T=null===(z=null==q?void 0:q.general)||void 0===z?void 0:z.verified[0])||void 0===T?void 0:T.image,alt:"DMCA Icon",width:"100",height:"36"}):M.default.createElement("img",{loading:"lazy",className:"lazy","data-src":null===(D=null===(B=null==q?void 0:q.general)||void 0===B?void 0:B.verified[0])||void 0===D?void 0:D.image,alt:"DMCA Icon"})),M.default.createElement(t.Text,{size:"xs",type:"regular",className:"copyright-content"},null===(F=null==q?void 0:q.general)||void 0===F?void 0:F.copyright)),"vi-VN"===Y&&M.default.createElement(t.Text,{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")):M.default.createElement(M.default.Fragment,null,(null==q?void 0:q.menu)&&M.default.createElement("div",{className:"columns"},M.default.createElement("div",{className:"mHalf"},M.default.createElement(t.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(I=null==q?void 0:q.menu[1])||void 0===I?void 0:I.menu_title),null===(j=null===(A=null==q?void 0:q.menu[1])||void 0===A?void 0:A.items)||void 0===j?void 0:j.map((function(e){return M.default.createElement("a",{className:"link",href:e.url,key:e.title,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Information","data-content-title":e.title,"data-content-id":"https://".concat(m.domainLocales[Y]).concat(e.url),"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(m.domainLocales[Y]).concat(e.url)},M.default.createElement(t.Text,{dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:"https://".concat(m.domainLocales[Y]).concat(e.url),size:"sm",type:"regular",style:{color:r.theme.colors.gray800}},e.title))}))),M.default.createElement("div",{className:"mHalf"},M.default.createElement(t.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(H=null==q?void 0:q.menu[2])||void 0===H?void 0:H.menu_title),null===(W=null===(P=null==q?void 0:q.menu[2])||void 0===P?void 0:P.items)||void 0===W?void 0:W.map((function(e,n){return M.default.createElement("a",{className:"link",href:e.url,key:n,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Hello Health","data-content-title":e.title,"data-content-id":e.url,"data-event-category":"Footer","data-event-action":e.title,"data-event-label":e.url},M.default.createElement(t.Text,{size:"sm",type:"regular",style:{color:r.theme.colors.gray800},dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:e.url},e.title))}))),!K&&"mini"!==Q&&M.default.createElement("hr",{className:"hrMobile"}),M.default.createElement("div",{className:"newsletter"},M.default.createElement("div",{className:"social"},M.default.createElement(t.Text,{size:"sm",type:"regular"},null===(V=null==q?void 0:q.social)||void 0===V?void 0:V.title),M.default.createElement("div",{className:"icons"},null===(Z=null===(O=null==q?void 0:q.social)||void 0===O?void 0:O.socials)||void 0===Z?void 0:Z.map((function(e,t){return M.default.createElement("a",{key:t,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,href:e.url},K?M.default.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",width:"32",height:"32"}):M.default.createElement("img",{loading:"lazy","data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,"data-src":e.icon,alt:"Logo Social",className:"social-icon lazy"}))}))))))))))};z.default((function(e){var t=e.type,a=n.__rest(e,["type"]);return M.default.createElement(t,a)}))(ie||(ie=n.__makeTemplateObject(["\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 ie,de,ce=z.default.p(de||(de=n.__makeTemplateObject(["\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})),se=function(e){var t=e.type,a=e.color,l=e.style,o=n.__rest(e,["type","color","style"]);return M.default.createElement(ce,n.__assign({"data-type":t,style:n.__assign(n.__assign({},l),a&&{"--text-color":a})},o))};z.default.footer(ue||(ue=n.__makeTemplateObject(["\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}),a.MediaQueries.mbDown,a.MediaQueries.mbDown,(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbUp,a.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbUp,a.MediaQueries.mbUp,(function(e){return e.theme.colors.white}),a.MediaQueries.mbUp,(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),a.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral500}),(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),a.MediaQueries.mbUp);var ue,me,pe,fe,ge,he,ve,xe,ye=z.default.div(me||(me=n.__makeTemplateObject([""],[""]))),Ee=z.default.div(pe||(pe=n.__makeTemplateObject(["\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"]))),be=z.default.div(fe||(fe=n.__makeTemplateObject(["\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"])),a.MediaQueries.mbDown),we=z.default.div(ge||(ge=n.__makeTemplateObject(["\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"])),a.MediaQueries.mbDown,(function(e){return e.theme.colors.gray800}),a.MediaQueries.mbDown,a.MediaQueries.mbUp,a.MediaQueries.mbDown),ke=z.default.div(he||(he=n.__makeTemplateObject(["\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"])),a.MediaQueries.mbUp,a.MediaQueries.mbDown),Ce=z.default.div(ve||(ve=n.__makeTemplateObject(["\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"])),a.MediaQueries.mbDown,a.MediaQueries.mbDown,a.MediaQueries.mbDown,(function(e){return e.theme.mbColors.midGray}),a.MediaQueries.mbDown,a.MediaQueries.mbDown,a.MediaQueries.mbDown,(function(e){return e.theme.mbColors.midGray})),Se=z.default.div(xe||(xe=n.__makeTemplateObject(["\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"]))),Le={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"}},_e=function(e){var n,a=e.socialLinks,l=void 0===a?Le.SOCIAL_LINKS:a,o=l.facebookLink,i=l.instagramLink,d=l.zaloLink,c=l.youtubeLink,s=e.copyrightText,u=e.logoType,m=void 0===u?"marryBaby":u,p=e.isMobile,f=e.footerMenu,g=void 0===f?[]:f,h=e.type,x=void 0===h?"main":h,y=v.useTranslations().t;return"main"===x?M.default.createElement(ye,{className:"footer-container"},!p&&M.default.createElement("div",{className:"footer-divider"},M.default.createElement(t.Container,{type:"marryBaby"},M.default.createElement(_.Divider,{style:{padding:"0 16px"},type:"solid"}))),M.default.createElement(be,null,M.default.createElement(t.Container,{type:"marryBaby"},M.default.createElement(we,null,M.default.createElement("div",{className:"grid"},null===(n=p?null==g?void 0:g.slice(0,6):g)||void 0===n?void 0:n.map((function(e,t){var n=e.title,a=e.link;return M.default.createElement("a",{"data-event-category":"Footer","data-event-action":n,"data-event-label":"".concat(a),className:"link",href:a,key:"footer-links-".concat(t)},M.default.createElement(se,{color:r.theme.colors.gray800,type:"subtitle-2"},n))})),M.default.createElement("div",{className:"social-wrapper"},M.default.createElement("div",{className:"social"},M.default.createElement(se,{type:"subtitle-2"},y("footer.followUsText")),M.default.createElement("div",{className:"icons-links"},o&&M.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":o,href:o},M.default.createElement("img",{src:L.img,alt:"Facebook"})),c&&M.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":c,href:c},M.default.createElement("img",{src:L.img$1,alt:"Youtube"})),i&&M.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":i,href:i},M.default.createElement("img",{src:L.img$2,alt:"Instagram"})),d&&M.default.createElement("a",{target:"_blank",rel:"noreferrer",href:d,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":d},M.default.createElement("img",{src:L.img$3,alt:"Zalo"}))))))))),M.default.createElement(ke,null,M.default.createElement(t.Container,{type:"marryBaby"},M.default.createElement(Ce,null,M.default.createElement(t.Logo,{className:"logo",type:m,width:"121px"}),M.default.createElement(se,{className:"company-name",type:"subtitle-2"},y("footer.info.companyName")),M.default.createElement("div",{className:"text-info"},M.default.createElement(se,{type:"bodytext-3"},y("footer.info.address")),M.default.createElement(se,{type:"bodytext-3"},y("footer.info.license")),M.default.createElement(se,{type:"bodytext-3"},y("footer.info.email"))),M.default.createElement("div",{className:"img-container"},M.default.createElement("img",{src:"/images/dmca_protected.png",alt:"DMCA protected"}),M.default.createElement("a",{href:"http://online.gov.vn/Home/WebDetails/25055?AspxAutoDetectCookieSupport=1",target:"_blank",rel:"noreferrer"},M.default.createElement("img",{src:"/images/mit_registered.png",alt:"MIT registered"}))),!p&&M.default.createElement(_.Divider,{type:"solid"}),M.default.createElement("div",{className:"language-and-copyright"},M.default.createElement(se,{type:"bodytext-3"},s)))))):M.default.createElement(Ee,null,M.default.createElement(Se,null),M.default.createElement(se,{type:"subtitle-3",style:{marginBottom:24,textTransform:"uppercase",fontWeight:r.theme.sizes.fwSemiBold},color:r.theme.mbColors.midGray},y("footer.followUsText")),M.default.createElement("div",{className:"icons-links"},o&&M.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":o,href:o},M.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M.default.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)"}),M.default.createElement("defs",null,M.default.createElement("linearGradient",{id:"paint0_linear",x1:"12",y1:"3",x2:"12",y2:"21",gradientUnits:"userSpaceOnUse"},M.default.createElement("stop",{stopColor:"#4DABF7"}),M.default.createElement("stop",{offset:"1",stopColor:"#2668DA"}))))),c&&M.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":c,href:c},M.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M.default.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"}))),i&&M.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":i,href:i},M.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M.default.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)"}),M.default.createElement("defs",null,M.default.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)"},M.default.createElement("stop",{offset:"0.073",stopColor:"#EACC7B"}),M.default.createElement("stop",{offset:"0.184",stopColor:"#ECAA59"}),M.default.createElement("stop",{offset:"0.307",stopColor:"#EF802E"}),M.default.createElement("stop",{offset:"0.358",stopColor:"#EF6D3A"}),M.default.createElement("stop",{offset:"0.46",stopColor:"#F04B50"}),M.default.createElement("stop",{offset:"0.516",stopColor:"#F03E58"}),M.default.createElement("stop",{offset:"0.689",stopColor:"#DB359E"}),M.default.createElement("stop",{offset:"0.724",stopColor:"#CE37A4"}),M.default.createElement("stop",{offset:"0.789",stopColor:"#AC3CB4"}),M.default.createElement("stop",{offset:"0.877",stopColor:"#7544CF"}),M.default.createElement("stop",{offset:"0.98",stopColor:"#2B4FF2"}))))),d&&M.default.createElement("a",{target:"_blank",rel:"noreferrer",href:d,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":d},M.default.createElement("div",{style:{height:24,width:24}},M.default.createElement("img",{src:"/icons/zalo.png",alt:"Zalo"})))))};exports.Alert=function(e){var n=e.style,a=e.onClose,l=e.text,o=e.type,r=e.contentIcon,i=e.closeIcon,d=e.className,c=e.description;return M.default.createElement(t.StyledAlert,{style:n,"data-alert-type":o,className:d},M.default.createElement(t.StyledContent,null,M.default.createElement("div",{className:"icon-title"},r,M.default.createElement(t.Text,{type:"bold",size:"label1"},l)),M.default.createElement(t.Text,{type:"regular",size:"p3"},c)),M.default.createElement(t.StyledClose,{onClick:a},i))},exports.AmpNextPage=function(e){var t=e.ampNextArticles,a=(null==t?void 0:t.filter(Boolean))||[];if(!(null==a?void 0:a.length))return null;return M.default.createElement("amp-next-page",null,M.default.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||""}})))}}),M.default.createElement("div",n.__assign({},{separator:""},{className:"amp-page-seperator",style:{color:"#8C8C8C",textTransform:"uppercase",fontSize:11,fontWeight:700,marginLeft:16}}),"Next article:"))},exports.ArticleCard=function(e){var n=e.articleLink,a=e.authorLink,l=e.authorName,r=e.avatarImg,d=e.banner,c=e.categoryLink,s=e.categoryName,u=e.className,m=e.dataEventActionForBanner,p=e.dataEventActionForBookmark,f=e.dataEventActionForCategory,g=e.dataEventActionForTitle,h=e.dataEventCategoryForBanner,v=e.dataEventCategoryForBookmark,x=e.dataEventCategoryForCategory,y=e.dataEventCategoryForTitle,E=e.dataEventLabelForBanner,b=e.dataEventLabelForBookmark,w=e.dataEventLabelForCategory,k=e.dataEventLabelForTitle,C=e.direction,S=void 0===C?"horizontal":C,L=e.hasAffiliate,_=e.isBookmark,N=void 0!==_&&_,z=e.isBookmarkDisplayed,T=void 0===z||z,B=e.isMobile,D=void 0===B||B,F=e.onBookmark,I=e.onClickCategoryName,A=e.section,j=void 0===A?"normal":A,H=e.size,P=void 0===H?"md":H,W=e.specialty,Z=e.style,U=e.styleBanner,G=e.styleLabel,Q=e.styleTitle,q=e.text,R=e.title,Y=e.type,K=void 0===Y?"author":Y,X=e.uploadTime,J=e.articleLinkTarget,$=function(e){e.stopPropagation(),F&&F()},ee="lg"===P&&"expert"===K?"h4":"lg"===P&&"home"===j?D?"h4":"h3":"lg"===P?"h4":"h5",te="lg"===P?"p3":"p4",ne=D||"home"!==j||"lg"!==P||"author"!==K?"c2":"c1";return M.default.createElement(i.StyledCard,{className:u,"data-size":P,style:Z,"data-direction":S,"data-is-expert":"expert"===K||void 0},M.default.createElement("div",{className:"banner",style:U},M.default.createElement(i.StyledAnchor,{"data-event-category":h,"data-event-action":m,"data-event-label":E,href:n||"#",target:J},d),L&&M.default.createElement("div",{className:"shoppable"},M.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M.default.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),M.default.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"})))),M.default.createElement("div",{className:"content"},M.default.createElement("div",{className:"inner-content"},M.default.createElement(t.Text,{style:G,className:"label",size:ne,type:"caption"},M.default.createElement(i.StyledAnchor,{"data-event-category":x,"data-event-action":f,"data-event-label":w,href:c||"#",onClick:I},s),T&&M.default.createElement("a",{className:"bookmark",onClick:$},N?M.default.createElement("svg",{"data-event-category":v,"data-event-action":p,"data-event-label":b,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M.default.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"})):M.default.createElement("svg",{"data-event-category":v,"data-event-action":p,"data-event-label":b,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M.default.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"})))),M.default.createElement(o.Heading,{tag:ee,style:Q,className:"title",as:"lg"===P?"h2":"h3"},M.default.createElement(i.StyledAnchor,{"data-event-category":y,"data-event-action":g,"data-event-label":k,href:n||"#",target:J},R)),q&&M.default.createElement("a",{href:n||"#",target:J},M.default.createElement(t.Text,{size:te,className:"text"},q))),M.default.createElement("div",{className:"footer"},"author"===K?M.default.createElement(V,{size:P,avatarImg:r,authorName:l,authorLink:a,uploadTime:X,handleClick:$,isBookmarked:N,dataEventCategoryForBookmark:v,dataEventActionForBookmark:p,dataEventLabelForBookmark:b}):M.default.createElement(O,{size:P,isMobile:D,avatarImg:r,specialty:W,name:l,link:a,handleClick:$,isBookmarked:N,dataEventCategoryForBookmark:v,dataEventActionForBookmark:p,dataEventLabelForBookmark:b}))))},exports.Badge=function(e){var n=e.amount,a=e.type,l=e.size,o=void 0===l?"medium":l,r=e.color,i=void 0===r?"primary":r,d=e.icon,c=e.className;return M.default.createElement(t.StyledBadge,{"data-notification-type":a,"data-notification-size":o,"data-notification-color":i,"data-has-icon":!!d||void 0,notificationType:a,notificationSize:o,notificationColor:i,hasIcon:!!d,className:c},M.default.createElement("div",null,n&&M.default.createElement("span",null,n)," ",d&&M.default.createElement("div",null,d)))},exports.BorderHeading=function(e){var a=e.style,l=e.children,o=e.className,r=e.size,i=void 0===r?"lg":r,d=e.type,c=void 0===d?"bold":d,s=e.upperCase,u=e.as,m=void 0===u?"h4":u,p=e.color;return M.default.createElement(t.StyledBorderHeading,{style:n.__assign({color:p},a),className:o,"data-size":i,"data-type":c,"data-uppercase":s,as:m},l)},exports.Breadcrumbs=function(t){var a=t.className,l=t.pages,o=t.size,r=t.LinkComponent,c=void 0===r?"a":r,s=t.onChangePage,u=t.separator,m=e.useMemo((function(){return l.map((function(e,t){return l.length>4?t>1&&t<l.length-2?null:1===t?n.__assign(n.__assign({},e),{isDropdown:1===t,dropdownItems:l.slice(1,l.length-2)}):e:e})).filter(Boolean)}),[l]),p=d.useId(m.length);return M.default.createElement(i.StyledBreadcrumb,{"data-size":o,className:a},m.map((function(t,n){var a=n+1===m.length;return M.default.createElement(e.Fragment,{key:p[n]},M.default.createElement(Z,{LinkComponent:c,page:t,isLast:a,onChangePage:s}),!a&&(u||M.default.createElement(i.StyledSeparator,{"data-size":o})))})))},exports.Carousel=function(t){for(var a=t.row,l=t.column,o=t.children,r=t.scheme,d=void 0===r?"hellosites":r,c=t.classNameLeftArrow,s=void 0===c?"":c,m=t.classNameRightArrow,p=void 0===m?"":m,f=t.mode,g=void 0===f?"snap":f,h=t.isDotsShown,v=void 0===h||h,x=t.isArrowShown,y=void 0!==x&&x,E=t.dataEventCategory,b=t.dataEventAction,w=t.dataEventLabel,k=t.onChangePage,C=M.default.useState(0),S=C[0],L=C[1],_=e.useState(!1),N=_[0],z=_[1],T=u.useKeenSlider({defaultAnimation:{duration:1e3},initial:0,slideChanged:function(e){L(e.track.details.rel),k&&k(e.track.details.rel)},created:function(){z(!0)},drag:!0,mode:g,slides:{spacing:12}}),B=T[0],D=T[1],F=[],I=a*l,A=0;A<o.length;A+=I){var j=o.slice(A,A+I);F.push(j)}return M.default.createElement(i.StyledCarousel,{row:a,column:l},M.default.createElement("div",{className:"navigation-wrapper"},M.default.createElement("div",{ref:B,className:"keen-slider slides-wrapper"},F.map((function(e,t){return M.default.createElement("div",{key:t,className:"keen-slider__slide page-items"},e.map((function(e,t){return M.default.createElement("div",{key:t},e)})))}))),N&&D.current&&y&&M.default.createElement(M.default.Fragment,null,M.default.createElement(G,{isLeft:!0,onClick:function(e){var t;return e.stopPropagation()||(null===(t=D.current)||void 0===t?void 0:t.prev())},isDisabled:0===S,scheme:d,className:"left-arrow ".concat(s),"data-event-category":E,"data-event-action":b,"data-event-label":w}),M.default.createElement(G,{isLeft:!1,onClick:function(e){var t;return e.stopPropagation()||(null===(t=D.current)||void 0===t?void 0:t.next())},isDisabled:S===D.current.track.details.slides.length-1,scheme:d,className:"right-arrow ".concat(p),"data-event-category":E,"data-event-action":b,"data-event-label":w}))),N&&D.current&&v&&M.default.createElement("div",{className:"dots"},n.__spreadArray([],Array(D.current.track.details.slides.length),!0).map((function(e,t){return M.default.createElement(i.StyledDot,{key:t,onClick:function(){var e;null===(e=D.current)||void 0===e||e.moveToIdx(t)},"data-is-active":S===t,"data-is-hellosites":"hellosites"===d})}))))},exports.Checkbox=j,exports.CheckboxGroup=function(e){var t=e.name,n=e.values,a=void 0===n?[]:n,l=e.onChanges,o=e.options,r=void 0===o?[]:o,d=e.className,c=e.type,s=void 0===c?"vertical":c,u=e.isDisabled,m=e.isRectangle,p=function(e,t){var n=a.slice();if(t)n.push(e);else{var o=n.findIndex((function(t){return t===e}));n.splice(o,1)}l&&l(n)};return M.default.createElement(i.StyledCheckboxGroup,{className:d,"data-type":s,"data-is-rectangle":m||void 0},r.map((function(e,n){return M.default.createElement(j,{label:e.label,name:t,key:"".concat(n,"-").concat(e.value),checked:a.includes(e.value),value:e.value,isDisabled:u||e.disabled,onChange:!u&&p,isRectangle:m})})))},exports.CookieAcceptConfirm=function(e){var t=e.className,n=e.policiesUrl,a=e.onAcceptClick,l=e.translations,o=void 0===l?{acceptButton:"Accept",policiesButton:"Our Policies"}:l,r=e.title,d=void 0===r?"":r,c=e.description,s=void 0===c?"":c,u=e.theme,m=void 0===u?"helloSites":u,p=e.isOpen,f=void 0===p||p,g=e.useDefaultPosition,h=void 0===g||g,v=e.trackingAttributes;return M.default.createElement(i.StyledAcceptCardContainer,{className:t,"data-theme":m,"data-is-open":f,"data-default-position":h},M.default.createElement(i.StyledTitleSection,{"data-has-content":!!d},d),M.default.createElement(i.StyledDescription,{dangerouslySetInnerHTML:{__html:s}}),M.default.createElement(i.StyledButtonGroup,null,M.default.createElement(i.StyledAcceptButton,{role:"button",tabIndex:0,on:"tap:consent-element.accept",onClick:a,"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},o.acceptButton),M.default.createElement(i.StyledPoliciesButton,{href:n},o.policiesButton)))},exports.DateRangePicker=function(n){var a=n.inputSize,l=void 0===a?"md":a,o=n.name,r=void 0===o?"date-range-picker":o,d=n.value,c=n.minDate,s=n.maxDate,u=n.onChange,m=n.className,f=n.autoClose,g=void 0!==f&&f;d||(d={from:null,to:null});var h=e.useState(!1),v=h[0],x=h[1];function E(){x(!1)}var b=e.useRef(null);function w(e){u&&u(e)}function k(e){return p.format(e,"dd/MM/yyyy")}y.useOutsideClick(b,(function(){E()}));var C=e.useMemo((function(){return d.from&&d.to?p.isSameDay(d.from,d.to)?k(d.from):"".concat(k(d.from)," - ").concat(k(d.to)):""}),[d.from,d.to]);return M.default.createElement(i.StyledWrapper$1,{className:[m,v&&"focused"].filter(Boolean).join(" "),ref:b},M.default.createElement("label",{htmlFor:r},M.default.createElement(t.PureInput,{size:l,value:C,name:r,actionIcon:M.default.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"}),onFocus:function(){return x(!0)}})),v?M.default.createElement(i.StyledCalendarWrapper$1,{onMouseDown:function(e){e.stopPropagation()}},M.default.createElement(X,{value:d,onChange:w,minDate:c,maxDate:s,close:E,autoClose:g})):null)},exports.DueDateCardEmbed=function(a){var l,o=a.isMobile,d=a.locale,s=a.onSubmitDueDate,u=v.useTranslations().t,m=e.useState({}),p=m[0],f=m[1],g=e.useState(""),h=g[0],y=g[1];return e.useEffect((function(){n.__awaiter(void 0,void 0,void 0,(function(){var e,t;return n.__generator(this,(function(n){switch(n.label){case 0:return[4,x.callApi(x.getDiscoverApiPath(x.PATHS.GET_DUE_DATE_INFO),"GET")];case 1:return e=n.sent(),f(null==e?void 0:e.data),y(c.formatUserProfileUrl(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.reviewd_by)||""),[2]}}))}))}),[]),M.default.createElement(i.StyledContainer$1,null,M.default.createElement(q,{isEmbed:!0,bannerUrl:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzc1IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMzc1IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAwSDM3NVY2OEwwIDg4VjBaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMTAzMzFfMjYzMDYpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMTAzMzFfMjYzMDYiIHgxPSItNi4xMjU1NGUtMDYiIHkxPSIzLjY2NjY3IiB4Mj0iODguNzQ4NCIgeTI9IjIwMS40MjciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZDNUQ5QSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRDg3QjQiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K",icon:M.default.createElement("img",{alt:"health-tool-icon",src:"https://hellobacsi.com/images/due-date-icon.svg",style:{objectFit:"contain"}}),style:{padding:0},heading:u("healthTools.dueDateCalculator"),medicalReview:(null===(l=null==p?void 0:p.reviewed_by)||void 0===l?void 0:l.display_name)?M.default.createElement(t.Text,{size:"n1",color:r.theme.colors.white},M.default.createElement("span",{dangerouslySetInnerHTML:{__html:u("toolPage.toolReviewer",{expert_name:'<a\n                          style="color: white"\n                          href="'.concat(h,'"\n                        >\n                          ').concat(null==p?void 0:p.reviewed_by.display_name,"\n                        </a>"),date:null==p?void 0:p.reviewed_date})}}),M.default.createElement("span",null)):void 0,isMobile:o}),M.default.createElement(t.Container,null,M.default.createElement(i.StyledContent,null,M.default.createElement(i.DueDateCalculator,{locale:d,onSubmitDueDate:s}))))},exports.FileDropdown=function(n){var a=n.className,l=n.value,o=n.options,r=n.onUploadSelected,i=n.id,d=n.placeholderIcon,c=n.placeholder,s=n.style,u=e.useState(!1),m=u[0],p=u[1],f=function(){return p(!m)},g=e.useRef(o.map((function(e){return"upload"===e.type&&M.default.createElement("input",{id:"uploader-dropdown-input-"+i+"-"+e.value,key:"uploader-dropdown-input-"+i+"-"+e.value,accept:e.fileAcceptedType,multiple:e.multiple,type:"file",style:{display:"none"},onChange:function(e){console.log("change"),r(e.target.files)}})}))),h=M.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12.17 14.83"},M.default.createElement("defs",null,M.default.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},M.default.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"})),M.default.createElement("style",null,".prefix__cls-3{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),M.default.createElement("title",null,"File"),M.default.createElement("g",{clipPath:"url(#prefix__clip-path)"},M.default.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)"}),M.default.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),v=M.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},M.default.createElement("defs",null,M.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),M.default.createElement("title",null,"download"),M.default.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)"})),x=M.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},M.default.createElement("defs",null,M.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),M.default.createElement("title",null,"upload"),M.default.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 M.default.createElement(t.StyledDropdown,{className:a,"data-dropdown-open":!!m,id:i,"data-has-icons":!0,style:s,onBlur:function(){return p(!1)},tabIndex:0},M.default.createElement(t.StyledDropdownName,{onClick:f},d||h," ",M.default.createElement("span",null,l&&l.value?l.label:c)),m&&M.default.createElement(t.StyledDropdownList,{onClick:f,"data-has-icons":!0},o.map((function(e){return M.default.createElement(t.StyledDropdownOption,{key:"".concat(i,"-").concat(e.value),"data-selected":l&&l.value===e.value||void 0,onClick:function(){return"upload"===e.type?function(e){var t;null===(t=document.querySelector(e))||void 0===t||t.click()}("#uploader-dropdown-input-"+i+"-"+e.value):void((t=e.url)&&window.open(t,"_blank"));var t}},M.default.createElement(t.StyledIcon,null,e.icon||"download"===e.type?v:x),e.label)}))),M.default.createElement(M.default.Fragment,null,g.current))},exports.FloatButtonGroup=function(t){var a=t.items,l=t.className,o=t.style,r=t.backgroundPanelStyle,d=t.isOpen,c=t.onOpen,s=t.onClose,u=t.disableBackdropClick,m=t.siteType,p=void 0===m?"hb":m,f=t.animationType,g=void 0===f?"zoom":f,h=t.zIndex,v=void 0===h?300:h,x=e.useState(!!d),y=x[0],E=x[1];e.useEffect((function(){E(!!d)}),[d]);var b=function(){E(!1),s&&s()};return M.default.createElement(i.StyledFloatButtonGroup,{style:o,className:l,"data-floatmenu-open":y,"data-site-type":p,"data-animation-type":g},M.default.createElement(i.StyledFloatButtonGroupBackgroundPanel,{className:"float-button-group__panel",style:n.__assign({zIndex:v},r),onClick:u?void 0:b}),M.default.createElement(i.StyledFloatButtonGroupContent,{className:"float-button-group___content",style:{zIndex:v}},M.default.createElement(i.StyledFloatButtonGroupItemsWrapper,null,a.map((function(e,t){return M.default.createElement(i.StyledFloatButtonGroupButton,{className:"float-item-button-".concat(t),style:n.__assign(n.__assign({},"zoom"===g&&{bottom:64*(a.length-1-t),transitionDelay:"".concat(i.TRANSITION_TIMING/a.length*(y?a.length-1-t:t),"ms")}),"slide"===g&&{bottom:64*(a.length-1-t),transitionDelay:"".concat(i.TRANSITION_TIMING/a.length*(y?t:a.length-1-t),"ms")}),key:t,onClick:function(){e.onClick(),e.keepMenuOnClick||E(!1)}},M.default.createElement(i.StyledFloatButtonGroupButtonLabel,{style:n.__assign({},"zoom"===g&&{transitionDelay:"".concat(i.TRANSITION_TIMING/a.length*(y?a.length-1-t:t),"ms")})},e.label),M.default.createElement(i.StyledFloatButtonGroupButtonIcon,{className:"float-item-button__icon-wrapper",style:n.__assign({},("zoom"===g||"slide"===g)&&{transitionDelay:"".concat(i.TRANSITION_TIMING/a.length*(y?a.length-1-t:t),"ms")})},e.icon))}))),M.default.createElement(i.StyledFloatButtonGroupToggleIcon,{onClick:y?b:function(){E(!0),c&&c()}})))},exports.Footer=function(t){var n=t.type,l=t.isMobile,o=void 0===l||l,r=t.locale,i=t.footerInfo,d=t.isAmp,c=t.siteType;return e.useEffect((function(){setTimeout((function(){return null===a.lazyLoadInstance||void 0===a.lazyLoadInstance?void 0:a.lazyLoadInstance.update()}),100)}),[]),"helloSites"===c?M.default.createElement(re,{isAmp:d,isMobile:o,type:n,locale:r,footerInfo:i||{}}):M.default.createElement(_e,{isMobile:o,locale:r,footerMenu:i||[],copyrightText:"© 2022 MarryBaby.vn",socialLinks:t.marryBabySocialLinks,type:n})},exports.Grid=function(e){var n=e.className,a=e.columns,l=e.columnsDesktop,o=e.gridTemplateColumns,r=e.gridTemplateColumnsDesktop,i=e.gap,d=e.children,c=e.justifyChildren,s=e.style,u=e.alignItems;return M.default.createElement(t.StyledGrid,{className:n,style:s,theme:{columns:a,columnsDesktop:l,gap:i,justifyChildren:c,gridTemplateColumns:o,gridTemplateColumnsDesktop:r,alignItems:u}},d)},exports.IconText=function(e){var t=e.size,n=e.iconPosition,a=e.className,l=e.children,o=e.icon;return M.default.createElement(i.StyledIconText,{className:a,"data-size":t,"data-icon-position":n},"left"===n&&o,l,"right"===n&&o)},exports.Pagination=function(l){var o=l.className,r=l.pagesAmount,i=l.currentPage,d=l.onChange,c=l.onClick,s=l.style,u=l.href,m=l.queryPageName,p=void 0===m?"page":m,f=n.__spreadArray([],Array(r),!0).map((function(e,t){return t+1})),g=e.useState(i),h=g[0],v=g[1],x=e.useMemo((function(){return u&&u.endsWith("&page=")?u.replace("&page=",""):u}),[u]),y=r-1,E=function(e){e<=r&&e>0&&(v(e),d(e))},b=function(e){c&&c(e)};return e.useEffect((function(){v(i)}),[i]),M.default.createElement(t.StyledPagination,{className:o,style:s},M.default.createElement(t.StyledPageBlock,{className:"prev-page",onClick:function(){return E(h-1)},"data-last-page":1===h||void 0},x?M.default.createElement("a",{href:a.formatUrlWithPageParam(x,h,p),onClick:b},M.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):M.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),f.length>8?M.default.createElement(I,{pagesAmount:r,activePage:h,handlePageChange:E,handleClick:b,href:x,queryPageName:p}):f.map((function(e){return M.default.createElement(t.StyledPaginationBlock,{key:"".concat("pagination","+").concat(e),"data-page-active":e===h||void 0,onClick:function(){return E(e)}},x?M.default.createElement("a",{href:a.formatUrlWithPageParam(x,e,p),onClick:b},e):e)})),M.default.createElement(t.StyledPageBlock,{className:"next-page",onClick:function(){return E(h+1)},"data-last-page":h===y+1||void 0},x?M.default.createElement("a",{href:a.formatUrlWithPageParam(x,h,p),onClick:b},M.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):M.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))))},exports.Progress=function(e){var a=e.percent,l=e.style;return M.default.createElement(t.StyledProgress,{style:n.__assign({"--progress":a},l)})},exports.ProgressBar=function(t){var a=t.type,l=t.numberOfStep,o=t.activeStep,r=t.labelPrefix,c=t.detailSteps,u=t.className,m=t.onChange,p=e.useState(0),f=p[0],g=p[1],h=function(e){var t=e.trackClassName,a=n.__rest(e,["trackClassName"]);return M.default.createElement(i.StyledTrackContainer,n.__assign({},a,{className:t}),M.default.createElement(i.StyledTrack,null))},v=M.default.createElement(i.StyledSlider,{className:u+" progress-bar"},M.default.createElement(h,null),M.default.createElement((function(e){var t=e.trackLength,n=e.activeStep,a=e.labelPrefix,o=void 0===a?"Step":a,r=e.onChange;return M.default.createElement(M.default.Fragment,null,Array.from({length:l},(function(e,t){return t})).map((function(e,a){return M.default.createElement(i.StyledStep,{"data-is-active":a===n,"data-label":a,style:{left:a*t/(l-1)},onClick:function(){r&&r(a)},key:a},a+1,M.default.createElement(i.StyledStepLabel,{"data-step-passed":a<=n},o+" "+(a+1)))})))}),{trackLength:f,activeStep:o,labelPrefix:r,onChange:m})),x=M.default.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 5.5 9.5"},M.default.createElement("title",null,"chevron-right"),M.default.createElement("path",{d:"M.75 8.75l4-4-4-4",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5})),y=M.default.createElement(i.StyledBreadcrumbContainer,null,c&&Array.from({length:c.length},(function(e,t){return t})).map((function(e,t){var n;return M.default.createElement(i.StyledBreadcrumbWrapper,{key:t,"data-selected":t===o,onClick:function(){m&&m(t)}},null===(n=c[t])||void 0===n?void 0:n.text," ",t<c.length-1&&x)}))),E=M.default.createElement(i.StyledSlider,{className:u+" progress-bar"},M.default.createElement((function(e){var t=e.detailSteps,n=e.activeStep,a=e.onChange,l=d.useId(t.length);return M.default.createElement(M.default.Fragment,null,Array.from({length:t.length},(function(e,t){return t})).map((function(e,o){return M.default.createElement(i.StyledDetailStep,{key:l[o],style:{left:100/t.length*o+"%",width:100/t.length+"%"},onClick:function(){a&&a(o)}},t[o].icon?M.default.createElement(i.StyledDetailStepIndicatorExternal,{onClick:function(){a&&a(o)}},t[o].icon):M.default.createElement(i.StyledDetailStepIndicator,{"data-is-active":o===n,"data-label":e,onClick:function(){a&&a(o)},key:o},o+1),M.default.createElement(i.StyledDetailStepLabel,{"data-step-passed":o<n+1},t[o].text,M.default.createElement(i.StyledDetailStepDescription,null,t[o].description)),o<t.length-1&&M.default.createElement(h,{"data-step-passed":o<n,trackClassName:"progress-track","data-track-type":"detail"}))})))}),{activeStep:o,detailSteps:c,onChange:m})),b=e.useCallback(s.throttle((function(){var e=document.querySelector(".progress-bar");e&&g(e.offsetWidth)}),1e3),[]);return e.useEffect((function(){var e=document.querySelector(".progress-bar");return g(null==e?void 0:e.offsetWidth),window.addEventListener("resize",b),function(){window.removeEventListener("resize",b)}}),[]),"step-track"===a&&v||"breadcrumb"===a&&y||"detail-track"===a&&E},exports.RateStars=function(a){var l=a.gap,o=void 0===l?2:l,r=a.size,i=void 0===r?24:r,d=a.star,c=a.totalStars,s=void 0===c?5:c,u=a.onSelect,m=a.hideEmptyStars,p=a.style,f=a.className,g=Math.floor(d),h=d-g>=.5?1:0,v=e.useState(null),x=v[0],y=v[1],E=x||g,b=x?0:h;return M.default.createElement(t.StyledRateStars,{"data-selectable":!!u,style:n.__assign({"--gap":o,"--star-size":i},p),className:f},Array.from({length:m?g+h:s}).map((function(e,t){var n=function(){return!!u&&y(t+1)},a=function(){return!!u&&y(null)};return t+1<=E?M.default.createElement(P,{key:t,onClick:function(){return null==u?void 0:u(t+1)},onMouseOver:n,onMouseLeave:a}):t+1===E+b?M.default.createElement(W,{key:t,onClick:function(){return null==u?void 0:u(t+1)},onMouseOver:n,onMouseLeave:a}):M.default.createElement(H,{key:t,onClick:function(){return null==u?void 0:u(t+1)},onMouseOver:n,onMouseLeave:a})})))},exports.SeoHead=function(e){var t,a,l,o,r,i,d,c,s,u,p,f,v,x,y,E,b,w,k,C=e.SEOData,S=void 0===C?{}:C,L=e.isAmp,_=void 0!==L&&L,N=e.locale,z=void 0===N?"vi-VN":N,T=e.routerPathname,B=e.routerQuery,D=e.nextHead,F=e.siteType,I=e.seoCustom,A=e.userId,j=e.forcedCanonicalUrl,H=S.totalPages,P=S.currentPage,W=S.SEOTitle,V=void 0===W?"":W,O=S.SEODescription,Z=void 0===O?"":O,U=S.SEOImage,G=S.seoType,Q=S.SEOImageWidth,q=S.SEOImageHeight,R=S.customMetaData,Y=void 0===R?[]:R,K=S.isIndexable,X=void 0===K||K,J=S.hasNoCanonical,$=void 0!==J&&J,ee=X&&h.isProduction?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",te=process.env.NEXT_PUBLIC_BASE_API_URL,ne=S.canonicalUrl||T;Object.keys(B).forEach((function(e){var t=B[e];t&&Array.isArray(t)&&(ne=ne.replace("[...".concat(e,"]"),t.join("/")))}));var ae,le=z||"en-PH",oe="helloSites"===F?m.domainLocales[le]:"www.marrybaby.vn",re=ne.endsWith("/")?"":"/";if(S.apiMetaData&&"string"==typeof S.apiMetaData){var ie=null===(t=S.apiMetaData)||void 0===t?void 0:t.match(/<title.*?>(.*)<\/title>/),de=" - Page ".concat(P," of ").concat(H),ce=P&&1!==P&&ie?S.apiMetaData.replace(ie[0],ie[0].includes("-")?ie[0].replace("-",de+" - "):"<title>".concat(ie[1].concat(de),"</title>")).replace('<link rel="canonical" href="https://'.concat(oe).concat(ne).concat(re,'" />'),'<link rel="canonical" href="https://'.concat(oe).concat(ne).concat(re,"?page=").concat(P,'" />')):S.apiMetaData,se=(ae=g.htmlReactParser(ce,{trim:!0})).find((function(e){var t,n;return"og:image"===(null===(t=e.props)||void 0===t?void 0:t.property)||"og:image:secure_url"===(null===(n=e.props)||void 0===n?void 0:n.property)}));if(!se){var ue="https://".concat(oe,"/images/").concat(z,".png");ae=n.__spreadArray(n.__spreadArray([],ae,!0),[M.default.createElement("meta",{key:"og:image",property:"og:image",content:(null===(a=S.openGraph)||void 0===a?void 0:a.image)||ue||""}),M.default.createElement("meta",{key:"og:image:secure_url",property:"og:image:secure_url",content:(null===(l=S.openGraph)||void 0===l?void 0:l.image)||ue}),M.default.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(o=S.openGraph)||void 0===o?void 0:o.imageWidth)&&String(null===(r=S.openGraph)||void 0===r?void 0:r.imageWidth)||"1200"}),M.default.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(i=S.openGraph)||void 0===i?void 0:i.imageHeight)&&String(null===(d=S.openGraph)||void 0===d?void 0:d.imageHeight)||"630"})],!1)}}var me="https://".concat(oe,"/images/").concat(z,".png");return M.default.createElement(D,null,M.default.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===F&&M.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter&family=Krub:wght@600&display=swap",rel:"stylesheet"}),"km-KH"===z?M.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"id-ID"===z||"ms-MY"===z?M.default.createElement(M.default.Fragment,null):M.default.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"}),M.default.createElement("link",{rel:"preconnect",href:te}),M.default.createElement("meta",{charSet:"UTF-8"}),!_&&M.default.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),M.default.createElement("meta",{name:"google",content:"notranslate"}),M.default.createElement("meta",{name:"robots",content:ee}),M.default.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),Y.map((function(e,t){return M.default.createElement("meta",n.__assign({key:t},e))})),M.default.createElement("meta",{name:"theme-color",content:"helloSites"===F?"#2c87f3":"#e85388"}),M.default.createElement("meta",{name:"page_type",content:"Home"}),M.default.createElement("meta",{name:"page_platform",content:"WEB"}),M.default.createElement("meta",{name:"page_language",content:le}),M.default.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),_&&M.default.createElement(M.default.Fragment,null,M.default.createElement("script",{async:!0,"custom-element":"amp-analytics",src:"https://cdn.ampproject.org/v0/amp-analytics-0.1.js"}),M.default.createElement("script",{async:!0,"custom-element":"amp-fx-collection",src:"https://cdn.ampproject.org/v0/amp-fx-collection-0.1.js"}),M.default.createElement("script",{async:!0,"custom-element":"amp-ad",src:"https://cdn.ampproject.org/v0/amp-ad-0.1.js"}),M.default.createElement("script",{async:!0,"custom-element":"amp-next-page",src:"https://cdn.ampproject.org/v0/amp-next-page-1.0.js"}),M.default.createElement("script",{async:!0,"custom-element":"amp-sticky-ad",src:"https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js"}),M.default.createElement("script",{async:!0,"custom-element":"amp-social-share",src:"https://cdn.ampproject.org/v0/amp-social-share-0.1.js"}),M.default.createElement("script",{async:!0,"custom-element":"amp-bind",src:"https://cdn.ampproject.org/v0/amp-bind-0.1.js"})),!ae&&M.default.createElement(M.default.Fragment,null,"helloSites"===F?M.default.createElement("title",null,I?V:V+" - "+(null===(c=m.LOCALE_SPECS[z])||void 0===c?void 0:c.SITE_NAME)):M.default.createElement("title",null,V),!$&&M.default.createElement("link",{rel:"canonical",href:"https://".concat(oe).concat(ne)}),M.default.createElement("meta",{name:"description",content:Z||(null===(s=S.openGraph)||void 0===s?void 0:s.description)}),S.schemaData&&M.default.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:S.schemaData}}),M.default.createElement("meta",{property:"og:locale",content:z}),M.default.createElement("meta",{property:"og:type",content:G||"website"}),M.default.createElement("meta",{property:"og:title",content:(null===(u=S.openGraph)||void 0===u?void 0:u.title)||V}),M.default.createElement("meta",{property:"og:description",content:(null===(p=S.openGraph)||void 0===p?void 0:p.description)||Z}),M.default.createElement("meta",{property:"og:url",content:"https://".concat(oe).concat(ne)}),M.default.createElement("meta",{property:"og:site_name",content:"https://".concat(oe)}),M.default.createElement("meta",{property:"og:image",content:(null===(f=S.openGraph)||void 0===f?void 0:f.image)||U||me||""}),M.default.createElement("meta",{property:"og:image:secure_url",content:(null===(v=S.openGraph)||void 0===v?void 0:v.image)||U||me}),M.default.createElement("meta",{property:"og:image:width",content:(null===(x=S.openGraph)||void 0===x?void 0:x.imageWidth)&&String(null===(y=S.openGraph)||void 0===y?void 0:y.imageWidth)||Q&&String(Q)||"1200"}),M.default.createElement("meta",{property:"og:image:height",content:(null===(E=S.openGraph)||void 0===E?void 0:E.imageHeight)&&String(null===(b=S.openGraph)||void 0===b?void 0:b.imageHeight)||q&&String(q)||"630"}),M.default.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),M.default.createElement("meta",{name:"twitter:title",content:(null===(w=S.twitter)||void 0===w?void 0:w.title)||V}),M.default.createElement("meta",{name:"twitter:description",content:Z}),M.default.createElement("meta",{name:"twitter:image",content:(null===(k=S.twitter)||void 0===k?void 0:k.image)||U})),("helloSites"===F?m.FAVICONS[le]||[]:m.FAVICONS.marryBaby).map((function(e,t){return"link"===e.type?M.default.createElement("link",{key:"favicon-".concat(t),rel:e.rel,href:e.href,sizes:e.sizes}):"meta"===e.type?M.default.createElement("meta",{key:t,name:e.name,content:e.content}):null})),Array.isArray(ae)&&j?ae.filter((function(e){return"canonical"!==e.props.name&&"canonical"!==e.props.rel})):ae,j&&M.default.createElement("link",{rel:"canonical",href:j}),!S.hasNoAmp&&"vi-VN"!==z&&M.default.createElement("link",{rel:"amphtml",href:"https://".concat(oe).concat(ne).concat(re,"?amp=1")}),A&&"undefined"!=typeof window?M.default.createElement("script",{dangerouslySetInnerHTML:{__html:"window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '".concat(A,"'});")}}):null)},exports.Shadow=function(e){var n=e.size,a=e.children,l=e.style,o=e.className;return M.default.createElement(t.StyledShadow,{style:l,className:o,"data-shadow-size":n},a)},exports.ShareContainer=function(e){var a=e.url,l=e.onCopied,d=e.locale,c=v.useTranslations().t,s=C.getSocialList(a||"").filter((function(e){return!e.allowedLocales||e.allowedLocales.includes(d)}));return M.default.createElement(i.StyledShareContainer,null,M.default.createElement(t.Text,{size:"p3",color:r.theme.colors.gray800},c("shareContainer.title")),M.default.createElement("div",{className:"icon-group"},s.map((function(e,t){return M.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer"},e.icon)})),M.default.createElement(o.Button,{size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:M.default.createElement(te,null),onClick:function(){return n.__awaiter(void 0,void 0,void 0,(function(){var e;return n.__generator(this,(function(t){switch(t.label){case 0:return[4,null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(a)];case 1:return t.sent(),null==l||l(),[2]}}))}))}})))},exports.ShareDrawer=function(a){var l=a.open,d=a.title,c=a.onClose,s=a.onCopied,u=a.onShared,m=a.url,p=a.locale,f=n.__rest(a,["open","title","onClose","onCopied","onShared","url","locale"]),g=v.useTranslations().t,h=e.useCallback((function(){return n.__awaiter(void 0,void 0,void 0,(function(){var e;return n.__generator(this,(function(t){switch(t.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 t.sent(),null==s||s(),[2]}}))}))}),[m,s]),x=C.getSocialList(m||"").filter((function(e){return!e.allowedLocales||e.allowedLocales.includes(p)}));return console.log(x),e.useEffect((function(){l&&navigator.share&&navigator.share({title:null!=d?d:"Read This Post",url:m}).then((function(){null==u||u()})).catch((function(){null==c||c()}))}),[m,d,u,l]),navigator.share?null:M.default.createElement(i.StyledShareDrawer,n.__assign({title:g("share.title"),onClose:c,open:l,placement:"bottom"},f),M.default.createElement("div",{className:"share-container"},M.default.createElement("div",{className:"icon-container"},M.default.createElement(t.Text,{type:"semiBold",size:"s3",color:r.theme.colors.gray600},g("share.title")),M.default.createElement("div",{className:"icon-group"},x.map((function(e,t){return M.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer"},e.icon)})))),M.default.createElement("div",{className:"link-container"},M.default.createElement(t.Text,{type:"semiBold",size:"s3",color:r.theme.colors.gray600},g("share.copyLink")),M.default.createElement("div",{className:"input-group"},M.default.createElement(S.Input,{name:"link",size:"md",value:m,isDisabled:!0}),M.default.createElement(o.Button,{size:"md",type:"button",color:"tertiary",icon:M.default.createElement(ne,null),onClick:h})))))},exports.Slider=function(a){var o=a.step,r=a.min,i=a.max,d=a.value,c=a.onChange,s=a.className,u=a.heading,m=a.isMobile,p=void 0!==m&&m,f=["#DBDFE5","#2D87F3","#DBDFE5"],g=M.default.useRef(),h=e.useState(d),v=h[0],x=h[1];e.useEffect((function(){x(d)}),[d[0],d[1]]);return M.default.createElement(t.StyledSlider,{className:s},M.default.createElement(l.Range,{ref:g,values:v[0]>=r&&v[1]<=i?v:[r,i],onChange:x,onFinalChange:c,renderThumb:function(e){var a=e.props,l=e.index;return M.default.createElement(t.StyledThumb,n.__assign({},a),M.default.createElement(A,{rangeRef:g.current,values:v,index:l,isMobile:p}))},renderTrack:function(e){var a=e.props,o=e.children,d={background:l.getTrackBackground({values:v,colors:f,min:r,max:i})};return M.default.createElement(M.default.Fragment,null,u&&M.default.createElement(t.Text,{size:"md",type:"bold"},u),M.default.createElement(t.StyledTrackContainer,{onMouseDown:a.onMouseDown,onTouchStart:a.onTouchStart,style:n.__assign({},a.style)},M.default.createElement(t.StyledTrack,{ref:a.ref,style:d},o)))},step:o,min:r,max:i}))},exports.StatisticCard=function(e){var t=e.type,n=e.description,a=e.value,l=e.withIcon,o=e.isInACard,r=e.cardColor,d=e.className;return M.default.createElement(i.StyledStatisticContainer,{className:d,"data-size":t,"data-is-in-card":"big"===t&&o,"data-card-color":r},M.default.createElement(i.StyledDescriptionWrapper,null,"small"===t&&M.default.createElement(i.StyledDot$1,{"data-color":r}),n),M.default.createElement(i.StyledStatisticNumberWrapper,{"data-size":t},"small"!==t&&l,a))},exports.SurveyThankyouCard=function(e){var n=e.thankyou,a=e.thankyouSubtitle,l=e.className,r=e.style;return M.default.createElement(i.StyledSurveyQuestionCard,{className:l,style:r},M.default.createElement("div",{className:"survey-inner-wrapper"},M.default.createElement(i.StyledSurveyThankyouCard,null,M.default.createElement("div",{className:"survey-thankyou-wrapper-inner"},M.default.createElement("svg",{viewBox:"0 0 122 122",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"survey-thankyou-icon"},M.default.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"}),M.default.createElement("ellipse",{cx:"61.5",cy:"110.36",rx:"48",ry:"3.36",fill:"#91CAFF"}),M.default.createElement("path",{d:"M82.9048 72.6663H101.5L87.597 40H35.403L21.5 72.6663H40.0952V91H83.0786L82.9048 72.6663Z",fill:"#2C74DF"}),M.default.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"}),M.default.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"}),M.default.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"}),M.default.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"}),M.default.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"}),M.default.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"}),M.default.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"}),M.default.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"}),M.default.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"}),M.default.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"}),M.default.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"})),n&&M.default.createElement(o.Heading,{className:"survey-thankyou-title",tag:"h3"},n),a&&M.default.createElement(t.Text,{className:"survey-thankyou-subtitle",size:"p3"},a)))))},exports.Tabs=function(n){var a=n.style,l=n.initialTab,o=n.tabContent,c=n.onChange,s=n.className,u=n.dataEventCategory,m=n.dataEventAction,p=n.dataEventLabel,f=n.id,g=e.useState(l||0),h=g[0],v=g[1],x=d.useId(o.length);return e.useEffect((function(){v(l)}),[l]),M.default.createElement(i.StyledTabs,{style:a,className:s,role:"tablist",id:f},o.map((function(e,n){return M.default.createElement(i.StyledTab,{"data-is-tab-active":h===n||void 0,"aria-selected":h===n,role:"tab",onClick:function(){v(n),c&&c(n)},onKeyDown:function(e){"Enter"===e.key&&(v(n),c&&c(n))},key:x[n],"data-event-category":u,"data-event-action":m,"data-event-label":p,tabIndex:0},M.default.createElement(i.StyledTabContent,null,e.icon&&M.default.createElement(i.StyledIcon,null,e.icon),M.default.createElement(t.Text,{size:e.textSize||"sm",type:e.textType||"bold",color:e.textColor||r.theme.colors.gray800,dataEventCategory:e.dataEventCategory,dataEventAction:e.dataEventAction,dataEventLabel:e.dataEventLabel},e.name)))})))},exports.Tag=function(e){var a=e.type,l=e.children,o=e.style,r=e.isInline,i=e.isSquared,d=void 0!==i&&i,c=e.className,s=e.isLight,u=e.hasMorePadding,m=e.isLink,p=e.isSelected,f=e.textProps,g=void 0===f?{size:"sm"}:f,h=g.color?{"--text-props-color":g.color}:{};return M.default.createElement(t.StyledTag,{"data-is-squared":d||void 0,"data-tag-type":a,"data-is-light":s||void 0,"data-has-more-padding":u||void 0,"data-is-inline":r||void 0,style:n.__assign(n.__assign({},o),h),className:c,"data-is-selected":p||void 0,"data-is-link":m||void 0,tagType:a,isInline:r,tagHasMorePadding:u,tagIsLight:s,tagIsSquared:d,tagIsALink:m},M.default.createElement(t.Text,n.__assign({},g),l))},exports.Toggle=function(e){var n=e.className,a=e.id,l=e.onChange,o=e.checked,r=e.style,i=e.label;return M.default.createElement(t.StyledToggle,{className:n,style:r},M.default.createElement("input",{type:"checkbox",id:a,onChange:l,checked:o}),M.default.createElement("label",{htmlFor:a},M.default.createElement(t.StyledToggleIcon,null),i&&M.default.createElement(t.StyledToggleLabel,null,i)))},exports.ToolsBannerCard=q,exports.UnderlinedLink=function(e){var n=e.size,a=e.isDisabled,l=e.className,o=e.link,r=e.style;return M.default.createElement(t.StyledUnderlinedLink,{className:l,"data-size":n,style:r,"data-disabled":a||void 0},o)},exports.Uploader=function(e){var n=e.type,a=e.withIcon,l=e.onFileSelected,r=e.inputId,i=e.withElement,d=e.fileAcceptType,c=e.multiple,s=e.value,u=e.className,m=function(){var e;null===(e=document.querySelector("#uploader-input-"+r))||void 0===e||e.click()};return M.default.createElement(t.StyledUploader,{className:u},"badge"===n?M.default.createElement(t.StyledElementContainer,{onClick:m,"data-is-attached-to-element":!!i},i,M.default.createElement(t.StyledIconWrapper,{"data-is-attached-to-element":!!i},a)):i?M.default.createElement("div",{onClick:m},i):M.default.createElement(o.Button,{size:"md",color:"secondary",className:"default-button",icon:a,onClick:m},M.default.createElement(t.StyledDefaultButtonContent,null,M.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},M.default.createElement("defs",null,M.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),M.default.createElement("title",null,"upload"),M.default.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")),M.default.createElement("input",{id:"uploader-input-"+r,accept:d,multiple:c,type:"file",style:{display:"none"},onChange:function(e){l(e.target.files)},value:s}))},exports.index=U,exports.index$1=Q;

package/build/index-ee8e90f7.js

@@ -1 +0,0 @@
-"use strict";var t=require("./tslib.es6-f7929e76.js"),a=require("react"),e=require("./index.styled-bdd83972.js");function d(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var n=d(a);exports.Button=function(a){var d=a.size,r=a.color,o=void 0===r?"primary":r,l=a.theme,i=void 0===l?"helloSites":l,c=a.isDisabled,s=a.isBlock,u=a.title,g=a.className,h=a.onClick,m=a.icon,v=a.children,C=a.isLoading,f=a.loadingText,p=a.dataEventCategory,y=a.dataEventAction,E=a.dataEventLabel,k=a.dataProductChannel,w=a.dataProductSku,b=a.dataProductBrand,P=a.dataProductName,x=a.dataProductPrice,B=a.dataProductCategory,L=a.dataProductPosition,A=a.isAmp,N=a.on,S=a.dataVarsTracking,_=a.type,F=t.__rest(a,["size","color","theme","isDisabled","isBlock","title","className","onClick","icon","children","isLoading","loadingText","dataEventCategory","dataEventAction","dataEventLabel","dataProductChannel","dataProductSku","dataProductBrand","dataProductName","dataProductPrice","dataProductCategory","dataProductPosition","isAmp","on","dataVarsTracking","type"]),z=A?{"data-vars-event-category":p,"data-vars-event-action":y,"data-vars-event-label":E,"data-vars-product-channel":k,"data-vars-product-sku":w,"data-vars-product-brand":b,"data-vars-product-name":P,"data-vars-product-price":x,"data-vars-product-category":B,"data-vars-product-position":L,"data-vars-tracking":S,on:N}:{"data-event-category":p,"data-event-action":y,"data-event-label":E,"data-product-channel":k,"data-product-sku":w,"data-product-brand":b,"data-product-name":P,"data-product-price":x,"data-product-category":B,"data-product-position":L};return n.default.createElement(e.StyledButton,t.__assign({},z,{className:g,"data-size":d,"data-color":o,"data-block":s,"data-has-icon":!!m||void 0,"data-theme":i,disabled:c,onClick:function(t){!C&&!c&&h&&h(t)},title:u,"data-is-loading":C||void 0,buttonHasIcon:!!m,buttonTheme:i,buttonSize:d,buttonColor:o,buttonIsLoading:C,buttonIsBlock:s,type:_},F),C?n.default.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:24}},("secondary"===o||"transparent"===o||"tertiary"===o||"ghost"===o||"danger"===o)&&n.default.createElement(n.default.Fragment,null,n.default.createElement("svg",{width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},n.default.createElement("circle",{cx:"12",cy:"12",r:"10",stroke:"#DBDFE5",strokeWidth:"4"})),n.default.createElement(e.StyledLoader,{width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},n.default.createElement("mask",{id:"a",fill:"#fff"},n.default.createElement("path",{d:"M12 0A12 12 0 11.19 9.88l3.9.7A8.03 8.03 0 1012 3.98V0z"})),n.default.createElement("path",{d:"M12 0A12 12 0 11.19 9.88l3.9.7A8.03 8.03 0 1012 3.98V0z",stroke:"#2D87F3",strokeWidth:"8",mask:"url(#a)"}))),"primary"===o&&n.default.createElement(n.default.Fragment,null,n.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.default.createElement("circle",{cx:"12",cy:"12",r:"10",stroke:"white",strokeWidth:"4"})),n.default.createElement(e.StyledLoader,{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},n.default.createElement("mask",{id:"path-1-inside-1",fill:"white"},n.default.createElement("path",{d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z"})),n.default.createElement("path",{d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z",stroke:"#91CAFF",strokeWidth:"8",mask:"url(#path-1-inside-1)"}))),n.default.createElement("span",null,f)):n.default.createElement("span",null,!C&&n.default.createElement("span",{className:"button-icon"},m)," ",v))},exports.Heading=function(a){var d,r=a.as,o=a.tag,l=a.className,i=a.children,c=a.title,s=a.color,u=a.style,g=a.fontWeight,h=a.dataEventCategory,m=a.dataEventAction,v=a.dataEventLabel,C=r||o;return n.default.createElement(e.StyledHeading,{title:c,style:t.__assign(t.__assign({},s?(d={},d["--custom-heading-color"]=s,d):void 0),u),"data-tag":o,"data-font-weight":g||void 0,"data-event-category":h,"data-event-action":m,"data-event-label":v,as:C,className:l,headingFontWeight:g,headingTag:o},i)};