https://uxcam.com/component---src-templates-new-blog-main-index-tsx-5cd7ee89955e074d7734.js

1"use strict";(self.webpackChunkuxcam=self.webpackChunkuxcam||[]).push([[2236],{8015:function(e,t,n){var o=n(96540);t.A=function(e,t){let{threshold:n=0,root:a=null,rootMargin:i="0%",freezeOnceVisible:r=!1}=t;const{0:s,1:l}=(0,o.useState)(),c=(null==s?void 0:s.isIntersecting)&&r,u=e=>{let[t]=e;l(t)};return(0,o.useEffect)((()=>{const t=null==e?void 0:e.current;if(!!!window.IntersectionObserver||c||!t)return;const o=new IntersectionObserver(u,{threshold:n,root:a,rootMargin:i});return o.observe(t),()=>o.disconnect()}),[e.current,JSON.stringify(n),a,i,c]),s}},9251:function(e,t,n){n.d(t,{A:function(){return b}});var o=n(90644),a=n(96540),i=n(54506);const r="...",s=(e,t)=>{const n=t-e+1;return Array.from({length:n},((t,n)=>n+e))};var l=e=>{let{totalCount:t,pageSize:n,siblingCount:o=1,currentPage:l}=e;return(0,a.useMemo)((()=>{const e=Math.ceil(t/n);if(o+5>=e)return s(1,e);const a=Math.max(l-o,1),c=Math.min(l+o,e),u=a>2,d=c<e-2,p=1,m=e;if(!u&&d){const t=s(1,3+2*o);return[].concat((0,i.A)(t),[r,e])}if(u&&!d){const t=s(e-(3+2*o)+1,e);return[p,r].concat((0,i.A)(t))}if(u&&d){const e=s(a,c);return[p,r].concat((0,i.A)(e),[r,m])}}),[t,n,o,l])},c=n(1037),u=n(42268),d=n(1584),p=n(17437);const m=(0,o.A)("ul",{target:"ew33r470"})("display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;>li.nav{button{background-color:unset;font-weight:600;color:",c.b.color.Sky,";border:none;box-shadow:none;cursor:pointer;position:relative;display:flex;align-items:center;}img{position:absolute;top:50%;transform:translateY(-50%);transition:all 0.2s ease-in-out;left:44px;}&:hover{img{left:48px;}}button:disabled{opacity:0.4;cursor:not-allowed;display:none;}}>li.nav.nav-prev{button{padding:0 8px 0 0;img{transform:translateY(-50%) rotate(180deg);left:auto;right:72px;}&:hover{img{right:76px!important;}}}}>li{font-weight:600;color:",c.b.color.Fog,";}>li:not(:last-of-type):not(:first-of-type) button{border:none;box-shadow:unset;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:",c.b.color.Fog,";font-family:",c.b.fonts.inter,";transition:all 0.4s ease-in-out;cursor:pointer;background-color:unset;font-weight:600;&:hover{background-color:",c.b.color.Sky,";color:",c.b.color.Snow,";}}>li.active button{color:",c.b.color.Sky,"!important;background-color:",c.b.color.Cloud,"!important;}"),g=e=>{let{onPageChange:t,totalCount:n,siblingCount:o,currentPage:a,pageSize:i,customCss:s}=e;const c=l({currentPage:a,totalCount:n,siblingCount:o,pageSize:i});if(0===a||c.length<2)return null;const g=c[c.length-1];return(0,p.Y)(m,{className:"pagination-container",css:s},(0,p.Y)("li",{className:"nav nav-prev"},(0,p.Y)("button",{disabled:1===a,onClick:()=>{t(a-1)}},(0,p.Y)(d.A,{alt:"arrow",src:u.A,height:"20",width:"30"}),"Previous")),c.map(((e,n)=>e===r?(0,p.Y)("li",{className:"pagination-item dots",key:`dots-${n}`},"…"):(0,p.Y)("li",{className:`pagination-item ${e===a&&"active"}`,key:`page-${e}`},(0,p.Y)("button",{onClick:()=>t(e)},e)))),(0,p.Y)("li",{className:"nav nav-next"},(0,p.Y)("button",{disabled:a===g,onClick:()=>{t(a+1)}},"Next",(0,p.Y)(d.A,{alt:"arrow",src:u.A,height:"20",width:"30"}))))};var b=(0,a.memo)(g)},35641:function(e,t,n){n.r(t),n.d(t,{Head:function(){return ie},default:function(){return re}});var o=n(58168),a=n(54506),i=n(90644),r=n(96540),s=n(43682),l=n(1037),c=n(54727),u=n(90129),d=n(29049),p=n(77901),m=n(83134),g=n(84232),b=n(74384),h=n(17437),f=n(51e3),y=n(10360);const v=(0,i.A)("section",{target:"emhx3bq2"})("background-color:",l.b.color.Cloud,";"),x=(0,h.AH)("max-width:1014px;padding-top:",l.b.spacing(4),"!important;padding-bottom:",l.b.spacing(4),"!important;display:flex;align-items:center;justify-content:space-between;flex-direction:column;",(0,g.B)(g.n.md),"{flex-direction:row;padding-top:",l.b.spacing(8),"!important;padding-bottom:",l.b.spacing(8),"!important;}",""),Y=(0,i.A)("div",{target:"emhx3bq1"})("h3{color:",l.b.color.Midnight,";margin-bottom:",l.b.spacing(1.5),";}p{max-width:517px;}"),A=(0,i.A)("div",{target:"emhx3bq0"})("max-width:517px;width:100%;",(0,g.B)(g.n.md),'{flex-basis:39%;max-width:100%;}[data-element="field-group"]:first-of-type{display:none;}form{position:relative;>span{display:none;}[data-element="input-wrapper"]{border:none;}input#email{max-width:408px;border-radius:4px 0 0 4px;height:41px;',(0,g.B)(g.n.md),'{height:48px;max-width:272px;}}button[type="submit"]{position:absolute;top:0;right:0;margin:8px 0;border-radius:0 4px 4px 0;font-size:14px;}}'),w=e=>{let{locale:t}=e;const n=(0,y.A)(),o="59acffe5-bb31-42c4-9ad3-51cc732b1a44",{0:a,1:i}=(0,r.useState)(),s=(0,r.useMemo)((()=>n.find((e=>e.id===o))),[n]);(0,r.useEffect)((()=>{i(s)}),[s]);const l=(0,r.useMemo)((()=>

1{switch(t){case"/br/":return{heading:"Receba as novidades da UXCam",description:"Mantenha-se atualizado com os recursos, insights e notícias do setor mais recentes do UXCam para uma experiência de usuário excepcional.",buttonLabel:"Subscrever"};case"/es/":return{heading:"Mantente actualizado con UXCam",description:"Mantente al día sobre nuevas funciones, aprendizajes y noticias de la industria para una experiencia de usuario excepcional.",buttonLabel:"Suscribir"};default:return{heading:"Get the latest from UXCam",description:"Stay up-to-date with UXCam's latest features, insights, and industry news for an exceptional user experience.",buttonLabel:"Subscribe"}}}),[t]);return(0,h.Y)(v,null,(0,h.Y)(p.A,{customCss:x},(0,h.Y)(Y,null,(0,h.Y)(u.H3,null,l.heading),(0,h.Y)(u.P,null,l.description)),(0,h.Y)(A,null,a&&(0,h.Y)(f.Ay,{form:a,formId:o,buttonLabel:l.buttonLabel}))))};var k=(0,r.memo)(w),C=n(43996),M=n(1584);const S=(0,i.A)("div",{target:"e1ysqwyh6"})({name:"1jmoc1u",styles:".gatsby-image-wrapper{cursor:pointer;}"}),B=(0,i.A)("div",{target:"e1ysqwyh5"})("display:flex;flex-direction:column;height:100%;position:relative;&::after{content:'';height:4px;background-color:",l.b.color.Sky,";bottom:-26px;position:absolute;width:100%;left:0;right:0;opacity:0;transition:opacity 0.12s ease-in-out;}"),P=(0,i.A)("div",{target:"e1ysqwyh4"})("display:flex;content-visibility:auto;contain-intrinsic-size:none auto 420px;min-width:0;gap:",l.b.spacing(2),";flex-direction:column!important;",(0,g.B)(g.n.md),"{flex-direction:row;gap:",l.b.spacing(3),";}h2{font-size:1.2rem!important;line-height:1.5rem!important;",(0,g.B)(g.n.md),"{font-size:1.5rem!important;line-height:1.875rem!important;}}&:hover{",B,"{&::after{opacity:1;}}}"),$=(0,h.AH)("margin-bottom:",l.b.spacing(1),";&:hover{text-decoration:underline;}",""),z=(0,h.AH)("font-family:",l.b.fonts.inter,"!important;margin-bottom:",l.b.spacing(1),";transition:color 0.2s ease;",(0,g.B)(g.n.md),"{margin-bottom:",l.b.spacing(2),";}&:hover{color:",l.b.color.Sky,";text-decoration:underline;}",""),R=(0,h.AH)("margin-bottom:",l.b.spacing(2),";",(0,g.B)(g.n.md),"{margin-bottom:",l.b.spacing(4.75),";}",""),H=(0,i.A)("div",{target:"e1ysqwyh3"})("display:flex;align-items:center;gap:",l.b.spacing(2),";margin-top:auto;"),U=(0,i.A)("div",{target:"e1ysqwyh2"})({name:"13hdfhc",styles:"width:48px;height:48px;border-radius:50%;overflow:hidden;img{width:100%;height:100%;object-fit:cover;}"}),q=(0,i.A)("div",{target:"e1ysqwyh1"})("h5{color:",l.b.color.Midnight,";}"),N=(0,i.A)("div",{target:"e1ysqwyh0"})(".gatsby-image-wrapper{cursor:pointer;position:relative;&::after{content:'';height:4px;background-color:",l.b.color.Sky,";bottom:0px;position:absolute;width:100%;left:0;right:0;opacity:0;transition:opacity 0.12s ease-in-out;}}&:hover .gatsby-image-wrapper::after{opacity:1;}"),L=e=>{var t,n,o;let{id:a,description:i,title:s,contributers:l,image:c,link:p,type:m,tabThumbnail:g}=e;const b=r.useMemo((()=>((null==i?void 0:i.description)||"").slice(0,350).trimEnd().slice(0,((null==i?void 0:i.description)||"").slice(0,350).trimEnd().lastIndexOf(" "))+"..."),[i]),f=(0,r.useMemo)((()=>{switch(m){case"ebook":return"E-Book";case"webinar":return"Webinar";case"guide":return"Guide";default:return""}}),[m]);return"ebook"===m?(0,h.Y)(N,null,p&&(g||c)&&(0,h.Y)(C.A,{to:p},(0,h.Y)(M.A,{src:g||c}))):(0,h.Y)(P,{key:a},(0,h.Y)(S,null,p&&(g||c)&&(0,h.Y)(C.A,{to:p},(0,h.Y)(M.A,{src:g||c}))),(0,h.Y)(B,null,f&&(0,h.Y)(C.A,{to:{__typename:"ContentfulPage",slug:`resources/${(0,d.Tq)(m)}s`}},(0,h.Y)(u.H5,{css:$},f)),p&&s&&(0,h.Y)(C.A,{to:p},(0,h.Y)(u.H2,{css:z,dangerouslySetInnerHTML:{__html:s}})),i&&(0,h.Y)(u.Y6,{css:R},b),l&&(0,h.Y)(H,null,(0,h.Y)(U,null,(0,h.Y)(M.A,{src:null===(t=l[0])||void 0===t?void 0:t.image})),(0,h.Y)(q,null,(0,h.Y)(u.H5,null,null===(n=l[0])||void 0===n?void 0:n.name),(0,h.Y)(u.GV,null,null===(o=l[0])||void 0===o?void 0:o.designation)))))};var j=(0,r.memo)(L),F=n(47980);const X=(0,i.A)("div",{target:"e1dgzxfd4"})("padding:",l.b.spacing(2,0,10),";>a>button{margin:0 auto;}",(0,g.B)(g.n.md),"{padding:",l.b.spacing(4,0,22.5),";}"),_=(0,i.A)("div",{target:"e1dgzxfd3"})("display:flex;gap:28px;flex-wrap:wrap;>*{flex-basis:100%;}",(0,g.B)(g.n.sm),"{>*{flex-basis:48%;}}",(0,g.B)(g.n.md),"{flex-wrap:nowrap;>*{flex-basis:24%;}>div{flex-basis:23%;}}"),T=(0,i.A)("div",{target:"e1dgzxfd2"})("display:grid;grid-template-columns:1fr;gap:",l.b.spacing(8),";margin:",l.b.spacing(4.5,0),";",(0,g.B)(g.n.sm),"{grid-template-columns:1fr 1fr;}",(0,g.B)(g.n.md),"{grid-template-columns:1fr 1fr 1fr;}"),E=(0,i.A)("div",{target:"e1dgzxfd1"})("h3{color:",l.b.color.Midnight,";margin-bottom:",l.b.spacing(3),";max-width:266px;}"),I=(0,i.A)("div",{target:"e1dgzxfd0"})({name:"13jci3f",styles:">a{button{margin:0 auto;}}"}),V=e=>{let{locale:t,featured:n,sections:a,blogPostsAll:i,children:s}=e;const{popularBlogs:l,tabResources:c,tabWebinars:d}=a,g=r.useMemo((()=>{switch(t){case"/br/":return{resourceTitle:"Aumente seus aplicativos com nossos guias",viewAll:"Ver tudo",seeAll:"Ver tudo"};case"/es/":return{resourceTitle:"Crece tus aplicaciones con nuestras guías",viewAll:"Ver todo",seeAll:"Ver todo"};default:return{resourceTitle:"Grow your apps with our guides",viewAll:"View all",seeAll:"See all"}}}),[t]),f=(0,r.useMemo)((()=>{switch(t){case"/br/":return["Popular","Recente"];case"/es/":return["Popular","Noticias"];default:return["Popular","Latest"]}}),[t]),y=(0,r.useMemo)((()=>[(0,h.Y)(T,{key:"Popular Blogs"},l.map((e=>(0,h.Y)(m.A,(0,o.A)({key:e.id},e))))),(0,h.Y)(T,{key:"Latest Blogs"},i.slice(0,3).map((e=>(0,h.Y)(m.A,(0,o.A)({key:e.id},e)))))]),[l,i]),v=(0,r.useMemo)((()=>{switch(t){case"/br/":return["Recursos","Webinário"];case"/es/":return["Recursos","Seminario web"];default:return["Resources","Webinar"]}}),[t]),x=(0,r.useMemo)((()=>[(0,h.Y)(_,{key:"Resources"},(0,h.Y)(E,null,(0,h.Y)(u.H3,null,g.resourceTitle),(0,h.Y)(F.A,{variant:"minimal",link:{__typename:"ContentfulPage",slug:"resources"}},g.viewAll)),c.map((e=>(0,h.Y)(j,(0,o.A)({key:e.id},e))))),(0,h.Y)(I,{key:"Webinars"},(0,h.Y)(T,null,d.map((e=>(0,h.Y)(j,(0,o.A)({key:e.id},e))))),(0,h.Y)(F.A,{variant:"minimal",link:{__typename:"ContentfulPage",slug:"resources/webinars"}},g.seeAll))]),[l,i]);

1return(0,h.Y)(r.Fragment,null,(0,h.Y)(p.A,null,(0,h.Y)(X,null,n&&(0,h.Y)(m.A,(0,o.A)({},n,{featured:!0})),(0,h.Y)(b.A,{tabs:f,content:y}))),(0,h.Y)(k,{locale:t}),s,(0,h.Y)(p.A,null,(0,h.Y)(X,null,(0,h.Y)(b.A,{tabs:v,content:x}))))};var O=(0,r.memo)(V),W=n(9251),G=n(86462);const D=new Map,J=new Map,Q=e=>{const t=(e||"/").replace(/\//g,"");return`/blog-search-index${t?`-${t}`:""}.json`};var K=(e,t)=>{const{0:n,1:o}=(0,r.useState)((()=>D.get(Q(e))||null));return(0,r.useEffect)((()=>{if(!t)return;let n=!1;return(e=>{const t=Q(e),n=D.get(t);if(n)return Promise.resolve(n);const o=J.get(t);if(o)return o;const a=fetch(t).then((e=>e.ok?e.json():{})).then((e=>(D.set(t,e),J.delete(t),e))).catch((()=>(J.delete(t),{})));return J.set(t,a),a})(e).then((e=>{n||o(e)})),()=>{n=!0}}),[e,t]),n};const Z=(0,i.A)("div",{target:"e1sxpv5g3"})({name:"1fttcpj",styles:"display:flex;flex-direction:column"}),ee=(0,i.A)("div",{target:"e1sxpv5g2"})("h3{color:",l.b.color.Midnight,";margin-top:",l.b.spacing(6),";}"),te=(0,i.A)("div",{target:"e1sxpv5g1"})("display:grid;grid-template-columns:1fr;gap:",l.b.spacing(8),";margin:",l.b.spacing(6,0),";",(0,g.B)(g.n.sm),"{grid-template-columns:1fr 1fr;margin:",l.b.spacing(7.5,0),";}",(0,g.B)(g.n.md),"{grid-template-columns:1fr 1fr 1fr;margin:",l.b.spacing(15,0),";}"),ne=(0,h.AH)("margin-bottom:",l.b.spacing(8),";",""),oe=(0,i.A)("div",{target:"e1sxpv5g0"})("text-align:center;max-width:768px;margin:100px auto 0;h3{color:",l.b.color.Midnight,";}"),ae=e=>{let{path:t,data:n,pageContext:i}=e;const{contentfulPage:{sections:l,featured:c},allContentfulBlogPost:g}=n,{locale:b}=i,{featureResource:f}=l[0],{0:y,1:v}=(0,r.useState)(1),{0:x,1:Y}=(0,r.useState)(1),{search:A}=(0,G.useLocation)(),w=r.useMemo((()=>g.edges),[g]),k=(0,r.useMemo)((()=>new URLSearchParams(A).get("s")||""),[A]),C=(0,r.useMemo)((()=>""!==k),[k]);(0,r.useEffect)((()=>{C&&(document.title=`${k} - UXCam Blog`)}),[C,k]);const M=(0,r.useMemo)((()=>(0,a.A)(null==w?void 0:w.map((e=>e.node.title!==(null==c?void 0:c.title)?e.node:null)).filter((e=>e)).sort(((e,t)=>(0,d.s5)(t.published,t.updated).getTime()-(0,d.s5)(e.published,e.updated).getTime())))),[w,c]),S=(0,r.useMemo)((()=>{const e=5*(y-1),t=e+5;return M.slice(e,t)}),[y,M]),B=K(b,C),P=(0,r.useMemo)((()=>{if(!k)return[];const e=k.toLowerCase();return M.filter((t=>{var n;if(!t)return!1;if(null!==(n=t.title)&&void 0!==n&&n.toLowerCase().includes(e))return!0;const o=null==B?void 0:B[t.id];return Boolean(o&&o.toLowerCase().includes(e))}))}),[M,k,B]),$=(0,r.useMemo)((()=>{const e=9*(x-1),t=e+9;return P.slice(e,t)}),[x,P]);(0,r.useEffect)((()=>{v(1),Y(1)}),[k]);const z=r.useMemo((()=>{switch(b){case"/br/":return{noPosts:"Não há mais artigos",searchResults:"Resultados da busca por",nothingFoundBody:"Desculpe, mas nada correspondeu aos termos de sua busca. Por favor, tente novamente com algumas palavras-chave diferentes.",lang:"pt-BR"};case"/es/":return{noPosts:"No hay más publicaciones.",searchResults:"Resultados de la búsqueda de",nothingFoundBody:"Lo sentimos, pero nada coincide con sus términos de búsqueda. Vuelva a intentarlo con algunas palabras clave diferentes.",lang:"es"};default:return{noPosts:"There are no more posts.",searchResults:"Search results for",nothingFoundBody:"Sorry, but nothing matched your search terms. Please try again with some different keywords.",lang:"en-US"}}}),[b]);return(0,h.Y)(r.Fragment,null,(0,h.Y)(s.A,{path:t,locale:b},!C&&(0,h.Y)(O,{locale:b,featured:c,sections:l[0],blogPostsAll:M},(0,h.Y)(p.A,null,(0,h.Y)(Z,null,(0,h.Y)(te,null,null==S?void 0:S.map(((e,t)=>2==t?(0,h.Y)(r.Fragment,null,(0,h.Y)(j,(0,o.A)({key:f.id},f)),(0,h.Y)(m.A,(0,o.A)({key:e.id},e))):e?(0,h.Y)(m.A,(0,o.A)({key:e.id},e)):void 0))),(0,h.Y)(W.A,{currentPage:y,totalCount:M.length,pageSize:5,onPageChange:e=>v(e)})))),C&&$.length&&(0,h.Y)(p.A,null,(0,h.Y)(Z,null,(0,h.Y)(ee,null,(0,h.Y)(u.H3,null,z.searchResults,': "',k,'"')),(0,h.Y)(te,null,null==$?void 0:$.map((e=>(0,h.Y)(m.A,(0,o.A)({key:e.id,locale:b},e))))),(0,h.Y)(W.A,{currentPage:x,totalCount:P.length,pageSize:9,onPageChange:e=>Y(e),customCss:ne}))),C&&!$.length&&(0,h.Y)(p.A,null,(0,h.Y)(oe,null,(0,h.Y)(u.H3,null,z.nothingFoundBody)))))},ie=e=>{var t;let{data:n,pageContext:o}=e;const a=null==n||null===(t=n.contentfulPage)||void 0===t?void 0:t.seo,{locale:i,hreflangAssociations:s}=o,l=(()=>{switch(i){case"/br/":return{lang:"pt-BR"};case"/es/":return{lang:"es"};default:return{lang:"en-US"}}})(),u=(0,d.HU)(s);return(0,h.Y)(r.Fragment,null,(0,h.Y)("html",{lang:l.lang}),u,a&&(0,h.Y)(c.A,a))};var re=r.memo(ae)},54727:function(e,t,n){var o=n(96540),a=n(94056),i=n(63521),r=n(17437);const s=e=>{var t,n;let{title:s,description:l,image:c,pageSchema:u,locale:d,pageUrl:p}=e;const m={title:"Deliver the perfect app experience | UXCam App Analytics",description:"UXCam is an experience analytics solution for mobile apps. Session Replay, Heatmaps, Funnel Analytics and Quantitative Analytics make UXCam a complete enterprise analytics solution for deeply understanding user behavior. Book a short demo today.",image:a.A},g=null==l?void 0:l.replaceAll(/"/g,"""),b={title:(null==s?void 0:s.replaceAll(/"/g,""

1"))||m.title,description:g||m.description,image:`https:${null==c||null===(t=c.file)||void 0===t?void 0:t.url}`||m.image};return(0,r.Y)(o.Fragment,null,(0,r.Y)("title",null,s),(0,r.Y)("meta",{name:"author",content:"UXCam"}),(0,r.Y)("meta",{name:"description",content:b.description}),(0,r.Y)("meta",{property:"og:title",content:b.title}),(0,r.Y)("meta",{property:"og:image",content:b.image}),d&&(0,r.Y)("meta",{property:"og:locale",content:d}),(0,r.Y)("meta",{property:"og:type",content:"website"}),(0,r.Y)("meta",{property:"og:site_name",content:"UXCam"}),(0,r.Y)("meta",{property:"og:url",content:p||"https://uxcam.com/"}),(0,r.Y)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,r.Y)("meta",{name:"twitter:description",content:b.description}),(0,r.Y)("meta",{name:"twitter:title",content:b.title}),(0,r.Y)("meta",{name:"twitter:site",content:"@uxcam"}),(0,r.Y)("meta",{name:"twitter:domain",content:"Inside UXCam"}),(0,r.Y)("script",{type:"application/ld+json"},(0,i.R)()),(null==u||null===(n=u.internal)||void 0===n?void 0:n.content)&&(0,r.Y)("script",{type:"application/ld+json"},u.internal.content))};t.A=(0,o.memo)(s)},74384:function(e,t,n){var o=n(90644),a=n(17437),i=n(96540),r=n(84232),s=n(1037);const l=(0,o.A)("div",{target:"e10o1f6u2"})("margin-top:",s.b.spacing(10),";.tab-radio{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;}.tab-panel{display:none;}",(e=>{let{count:t}=e;return(e=>(0,a.AH)(Array.from({length:e},((e,t)=>`\n    .tab-radio:nth-of-type(${t+1}):checked ~ .tab-content > .tab-panel:nth-child(${t+1}) {\n      display: block;\n    }\n    .tab-radio:nth-of-type(${t+1}):checked ~ .tab-header > .tab-item:nth-child(${t+1})::after {\n      background-color: ${s.b.color.Sky};\n    }\n    .tab-radio:nth-of-type(${t+1}):focus-visible ~ .tab-header > .tab-item:nth-child(${t+1}) {\n      outline: 2px solid ${s.b.color.Sky};\n      outline-offset: 4px;\n      border-radius: 2px;\n    }\n  `)).join(""),";",""))(t)}),";"),c=(0,o.A)("div",{target:"e10o1f6u1"})("display:flex;gap:12px;margin-bottom:",s.b.spacing(4),";label{position:relative;border:none;background-color:unset;box-shadow:none;font-size:1rem;line-height:1.25rem;font-weight:600;min-width:120px;padding:12px 0;color:",s.b.color.Midnight,";text-align:left;font-family:",s.b.fonts.inter,";cursor:pointer;",(0,r.B)(r.n.md),'{font-size:1.125rem;line-height:1.5rem;}&::after{content:"";width:100%;height:4px;background-color:',s.b.color.Mist,";position:absolute;left:0;right:0;bottom:0;transition:background-color 0.4s ease-in-out;}&:hover{&::after{background-color:",s.b.color.Sky,";}}}"),u=(0,o.A)("div",{target:"e10o1f6u0"})(),d=e=>{let{tabs:t,content:n}=e;const o=(0,i.useId)();return(0,a.Y)(l,{"data-element":"tabs-container",count:t.length},t.map(((e,t)=>(0,a.Y)("input",{key:`tab-radio-${e}-${t}`,type:"radio",className:"tab-radio",name:o,id:`${o}-${t}`,defaultChecked:0===t}))),(0,a.Y)(c,{className:"tab-header"},t.map(((e,t)=>(0,a.Y)("label",{key:`tab-${e}-${t}`,className:"tab-item",htmlFor:`${o}-${t}`},e)))),(0,a.Y)(u,{className:"tab-content"},n.map(((e,t)=>(0,a.Y)("div",{key:`tab-panel-${t}`,className:"tab-panel"},e)))))};t.A=(0,i.memo)(d)}}]);