https://cdn-assets.bioturing.com/landing_page/spatialx-v2/_next/static/chunks/5562-fd0581b831935349.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5562],{2359:function(e,t,a){var r=a(2676),l=a(5614),n=a(3941);let s=(0,a(5271).forwardRef)((e,t)=>{let{className:a,children:s,loading:o=!1,rainbow:i=!1,glow:c=!1,...d}=e;return(0,r.jsx)("button",{className:(0,l.cn)("h-10 md:h-12 py-3 px-5 inline-flex items-center text-black text-sm md:text-base font-semibold rounded-full hover:opacity-80 transition-all duration-120",i&&"group relative animate-rainbow cursor-pointer bg-[length:200%] transition-colors [background-clip:padding-box,border-box,border-box] [background-origin:border-box] [border:calc(0.08*1rem)_solid_transparent] focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",i&&"before:absolute before:bottom-[-20%] before:left-1/2 before:z-0 before:h-1/5 before:w-3/5 before:-translate-x-1/2 before:translate-z-0 before:animate-rainbow before:bg-[linear-gradient(90deg,hsl(var(--color-1)),hsl(var(--color-5)),hsl(var(--color-3)),hsl(var(--color-4)),hsl(var(--color-2)))] before:bg-[length:200%] before:[filter:blur(calc(0.8*1rem))]",i?"bg-[linear-gradient(#fff,#fff),linear-gradient(#fff_50%,rgba(255,255,255,0.6)_80%,rgba(0,0,0,0)),linear-gradient(90deg,hsl(var(--color-1)),hsl(var(--color-5)),hsl(var(--color-3)),hsl(var(--color-4)),hsl(var(--color-2)))]":"bg-white",c&&"bg-white/50 shadow-button-glow animate-button-glowing",a),ref:t,...d,children:o?(0,r.jsx)(n.z,{weight:"bold",className:"w-5 h-5 animate-spin"}):s})});s.displayName="Button",t.Z=s},817:function(e,t,a){var r=a(2676),l=a(5614),n=a(5271);let s=(0,n.forwardRef)((e,t)=>{let{label:a,className:s,variant:o,...i}=e,c=(0,n.useId)();return(0,r.jsxs)("div",{className:(0,l.cn)("flex flex-col items-start",s),children:[a&&(0,r.jsx)("label",{htmlFor:c,className:"text-sm md:text-base font-medium mb-2",children:a}),(0,r.jsx)("input",{id:c,type:"input",ref:t,className:"white"===o?"border border-black/25 bg-transparent bg-input-gradient rounded-md py-2 px-3 md:px-4 text-base leading-6 md:text-lg md:leading-6 w-full placeholder:text-black/30 focus-visible:outline-none focus-visible:border-accent focus:shadow-[0_2px_10px_rgba(104,218,229,0.15)] text-black":(0,l.Wy)("border border-white/25 bg-transparent bg-input-gradient","rounded-md py-2 px-3 md:py-3 md:px-4 text-base leading-6 md:text-lg md:leading-6 w-full placeholder:text-white/30 focus-visible:outline-none focus-visible:border-accent focus:shadow-[0_2px_10px_rgba(104,218,229,0.15)]"),...i})]})});s.displayName="Input",t.Z=s},7603:function(e,t,a){var r=a(2676),l=a(5614);t.Z=e=>{let{className:t,size:a=200,duration:n=15,anchor:s=90,borderWidth:o=1.5,colorFrom:i="#ffaa40",colorTo:c="#9c40ff",delay:d=0}=e;return(0,r.jsx)("div",{style:{"--size":a,"--duration":n,"--anchor":s,"--border-width":o,"--color-from":i,"--color-to":c,"--delay":"-".concat(d,"s")},className:(0,l.cn)("pointer-events-none absolute inset-0 rounded-[inherit] [border:calc(var(--border-width)*1px)_solid_transparent]","![mask-clip:padding-box,border-box] ![mask-composite:intersect] [mask:linear-gradient(transparent,transparent),linear-gradient(white,white)]","after:absolute after:aspect-square after:w-[calc(var(--size)*1px)] after:animate-border-beam after:[animation-delay:var(--delay)] after:[background:linear-gradient(to_left,var(--color-from),var(--color-to),transparent)] after:[offset-anchor:calc(var(--anchor)*1%)_50%] after:[offset-path:rect(0_auto_auto_0_round_calc(var(--size)*1px))]",t)})}},1492:function(e,t,a){a.d(t,{Z:function(){return S}});var r=a(2676),l=a(1610),n=a(3184),s=a(2736),o=a(7353),i=a(1875),c=a(5659),d=a(2359),m=a(817),b=a(7838),u=a(2074),p=a(4588),x=a(5614),h=a(5271);let f=(0,h.forwardRef)((e,t)=>{let{label:a,className:l,variant:n,...s}=e,o=(0,h.useId)();return(0,r.jsxs)("div",{className:(0,x.cn)("flex flex-col items-start",l),children:[(0,r.jsx)("label",{htmlFor:o,className:"mb-2 text-sm font-medium md:text-base",children:a}),(0,r.jsx)("textarea",{id:o,ref:t,className:"white"===n?"border border-black/25 bg-transparent bg-input-gradient rounded-md py-2 px-3 md:py-3 md:px-4 text-base leading-6 md:text-lg md:leading-6 w-full placeholder:text-black/30 focus-visible:outline-none focus-visible:border-accent focus:shadow-[0_2px_10px_rgba(104,218,229,0.15)]":(0,x.cn)("border border-white/25 bg-transparent bg-input-gradient","rounded-md py-2 px-3 md:py-3 md:px-4 text-base leading-6 md:text-lg md:leading-6 w-full placeholder:text-white/30 focus-visible:outline-none focus-visible:border-accent focus:shadow-[0_2px_10px_rgba(104,218,229,0.15)]"),...s})]})});f.displayName="Textarea";var g=a(7354),w=a(554),v=a(324),j=a(9037),N=a(5679),y=(0,h.memo)(e=>{let{label:t,phoneNumberRef:a,className:l,onSelectOption:n}=e,s=(0,h.useRef)(null),o=(0,h.useId)(),[i,c]=(0,h.useState)(j.Y),[d,m]=(0,h.useState)("");return(0,h.useEffect)(()=>{n(d)},[d,n]),(0,r.jsxs)("div",{className:(0,x.cn)("flex flex-col items-start",l),children:[t&&(0,r.jsx)("label",{htmlFor:o,className:"text-sm md:text-base font-medium mb-2",children:t}),(0,r.jsx)("div",{className:(0,x.cn)("flex flex-col items-start relative",l),ref:s,children:(0,r.jsx)(N.Z,{showSearch:!0,allowClear:!0,placeholder:"Select phone region",className:"w-full text-left select-phone-region",size:"large",onSearch:e=>{if(!e){c(j.Y);return}c([...j.Y.filter(t=>{let a=t.name.toLowerCase(),r=t.prefix.toLowerCase();return a.includes(e.toLowerCase())||r.includes(e)}).sort((e,t)=>

1e.prefix.localeCompare(t.prefix,void 0,{numeric:!0}))].sort((e,t)=>e.prefix.localeCompare(t.prefix,void 0,{numeric:!0})))},onChange:e=>{if(!e){c(j.Y),m("");return}let t=i.find(t=>"".concat(t.flag," ").concat(t.prefix)===e);if(t){var r;m(t.prefix),null===(r=a.current)||void 0===r||r.focus()}},filterOption:!1,options:i.map(e=>({label:"".concat(e.flag," ").concat(e.name),value:"".concat(e.flag," ").concat(e.prefix),data:e})),labelRender:e=>{let{value:t}=e,a=i.find(e=>e.prefix===t);return a?"".concat(a.flag," ").concat(a.prefix):t}})})]})}),k=a(7383);let _={spatialx:"Contact from SpatialX Landing page",smartbulk:"Contact from SmartBulk Landing page","bbrowserx-pro":"Contact from BBrowserX Pro Landing page"};var C=()=>{let e=(0,b.i)(),[t,a]=(0,h.useState)(!1),[x,j]=(0,h.useState)(!1),N=(0,h.useRef)(),[C,S]=(0,h.useState)(""),Z=(0,h.useRef)(null),[T,F]=(0,h.useState)({}),[P,Y]=(0,h.useState)({});return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(l.Vq,{onClose:()=>j(!1),open:x,transition:!0,className:"fixed z-40 top-0 left-0 bg-black/40 w-full h-full backdrop-blur-md p-3 md:p-8 flex items-center justify-center transition duration-300 ease-out data-[closed]:opacity-0",children:(0,r.jsxs)(l.EM,{className:"bg-white text-black max-w-[480px] text-center px-12 py-12 rounded-lg shadow-lg relative",children:[(0,r.jsx)("button",{onClick:()=>j(!1),className:"absolute top-0 right-0 inline-flex items-center justify-center p-2 mt-3 mr-3 transition-all rounded-full hover:bg-black/5",children:(0,r.jsx)(s.X,{className:"inline-block w-5 h-5 text-gray"})}),(0,r.jsx)(o.f,{weight:"fill",className:"inline-block w-10 h-10 mb-4 mr-2 text-green-500"}),(0,r.jsx)(l.$N,{className:"mb-1 text-xl font-semibold md:text-2xl md:mb-2",children:"Thank you!"}),(0,r.jsxs)(n.dk,{className:"text-base md:text-xl",children:["Your message has been sent successfully.",(0,r.jsx)("br",{}),"We will get back to you soon."]})]})}),(0,r.jsx)(w.Z,{spinning:t,fullscreen:!0}),(0,r.jsxs)("div",{className:"flex flex-col items-center col-span-12 md:col-span-6 md:col-start-4",children:[(0,r.jsx)("div",{className:"w-[2px] h-[84px] bg-[image:var(--separator-gradient)]"}),(0,r.jsxs)("div",{className:"relative w-full pt-8 md:pt-16",children:[(0,r.jsxs)("h2",{className:"items-ccenter text-white bg-input-gradient px-4 py-3 inline-flex rounded-full border border-white/30 text-xs space-x-2 md:text-base font-semibold leading-[1.2] md:leading-[1.2]",children:[(0,r.jsx)(p.Mh,{className:"w-3 h-3 md:w-5 md:h-5"}),(0,r.jsx)("span",{children:"Contact us"})]}),(0,r.jsx)("h3",{className:"pt-3 heading",children:"We’d love to hear from you"}),(0,r.jsx)("p",{className:"text-white/50 pt-4 md:pt-8 text-sm leading-[1.1] md:text-lg md:leading-[1.1]",children:"Our friendly team would love to hear from you"}),(0,r.jsxs)("form",{className:"grid grid-cols-2 gap-6 mt-8 md:mt-16",onSubmit:t=>{try{t.preventDefault();let r=t.currentTarget,l=new FormData(r),n=Object.fromEntries(l.entries()),s={first_name:n.first_name,last_name:n.last_name,email:n.email,company:n.company,note:n.note,phone_number:n.phone_number};if((null==s?void 0:s.phone_number)&&!C){F({phone_code:"Phone code is required."}),(0,k.c)("phone-input-wrapper");return}if(!(null==s?void 0:s.phone_number)&&C){F({phone_number:"Phone number is required."}),(0,k.c)("phone-input-wrapper");return}if((null==s?void 0:s.email)&&(0,u.Hr)(null==s?void 0:s.email)){F({email:"Please enter a company or institutional email address."}),(0,k.c)("email");return}if(s.phone_number&&!(0,u.AI)(s.phone_number)){F({phone_number:"Phone number not valid."}),(0,k.c)("phone-input-wrapper");return}F({});let o={request_type:_[e],first_name:s.first_name,last_name:s.last_name,email:s.email,company:s.company,phone_number:"".concat(C).concat(s.phone_number),note:s.note,app_id:"homepage"};a(!0),fetch(u.qv,{method:"POST",mode:"cors",headers:{"Content-Type":"application/json"},body:JSON.stringify(o)}).then(e=>{a(!1),e.ok?e.json().then(e=>{(null==e?void 0:e.status)===0?(F({}),j(!0),r.reset()):g.ZP.error("Something went wrong. Please try again")}):g.ZP.error("Something went wrong. Please try again")})}catch(e){console.log("Contact form submit error: ",e),g.ZP.error("Something went wrong. Please try again")}},ref:N,children:[(0,r.jsx)(m.Z,{label:"First name*",placeholder:"Your first name",className:"col-span-2 md:col-span-1",name:"first_name",required:!0}),(0,r.jsx)(m.Z,{label:"Last name*",placeholder:"Your last name",className:"col-span-2 md:col-span-1",name:"last_name",required:!0}),(0,r.jsxs)("div",{className:"flex flex-col items-start col-span-2 md:col-span-1 justify-start",children:[(0,r.jsx)(m.Z,{label:"Institutional email*",placeholder:"Your email",className:"col-span-1 w-full",name:"email",type:"email",onBlur:e=>{let t=e.target.value;if(t){if(!(0,u.Jh)(t)){Y({email:"Please enter a valid email address"});return}if((0,u.Hr)(t)){Y({email:"Please enter a company or institutional email address."});return}Y({email:""})}},required:!0}),(null==P?void 0:P.email)&&(0,r.jsx)(v.Z.Text,{className:"text-red-600 error-wrapper text-left",children:null==P?void 0:P.email})]}),(0,r.jsx)(m.Z,{label:"Company/Institution*",placeholder:"Your company/institution",className:"col-span-2 md:col-span-1",name:"company",required:!0}),(0,r.jsxs)("div",{className:"flex flex-col col-span-2",children:[(0,r.jsxs)("div",{className:"flex flex-col md:flex-row gap-4 col-span-2",id:"phone-input-wrapper",children:[(0,r.jsx)(y,{phoneNumberRef:Z,label:"Phone number",className:"w-full col-span-2",placeholder:"Your phone code",name:"phone_code",onSelectOption:e=>{S(e)}}),(0,r.jsx)(m.Z,{ref:Z,label:"\xa0",placeholder:"Your phone number",className:"w-full col-span-2",name:"phone_number",type:"number"})]}),(null==T?void 0:T.phone_code)&&(0,r.jsx)(v.Z.Text,{className:"text-red-600 error-wrapper text-left",children:null==T?void 0:T.phone_code}),(null==T?void 0:T.phone_number)&&(0,r.jsx)(v.Z.Text,{className:"text-red-600 error-wrapper text-left",children:null==T?void 0:T.phone_number})]}),(0,r.jsx)(f,{label:(0,r.jsxs)(r.Fragment,{children:["Message ",(0,r.jsx)("span",{className:"text-gray",children:"(Optional)"})]}),placeholder:"Leave us a message",className:"col-span-2 ",name:"note",rows:5}),(0,r.jsxs)("div",{className:"flex items-center col-span-2",children:[(0,r.jsx)(c.fC,{className:"bg-accent w-5 h-5 data-[state=unchecked]:bg-transparent data-[state=unchecked]:border border-white/45 rounded-sm flex items-center justify-center mr-3",defaultChecked:!1,id:"c1",required:!0,children:(0,r.jsx)(c.z$,{className:"text-black",children:(0,r.jsx)(i.J,{weight:"bold"})})}),(0,r.jsx)("label",{htmlFor:"c1",className:"flex items-center justify-start text-sm font-semibold md:text-base",children:(0,r.jsxs)("div",{className:"text-left grow it",children:[(0,r.jsx)("span",{className:"text-white/45",children:"I have read and agree to the"})," ",(0,r.jsx)("a",{href:"https://bioturing.com/privacy-policy",target:"_blank",className:"hover:underline underline-offset-2",children:"Privacy policy"})]})})]}),(0,r.jsx)(d.Z,{className:"justify-center col-span-2 text-center",loading:t,children:"Send message"})]})]})]})]})},S=()=>{let e=(0,b.i)();return(0,r.jsxs)("div",{className:(0,x.cn)("spatialx"==e&&"bg-black bg-spatialx-contact","smartbulk"==e&&"bg-black bg-smartbulk-contact","bbrowserx-pro"==e&&"bg-black bg-bbrowserx-pro-contact","bg-no-repeat bg-cover bg-[center_center] md:bg-[center_bottom] lg:bg-[length:100vw] relative"),children:[(0,r.jsx)("div",{className:"bg-dark-mask-gradient w-full absolute h-[40rem] left-0 top-0 z-[4] -mt-[20rem] bg-opacity-80"}),(0,r.jsx)("main",{className:"relative z-10 grid grid-cols-12 gap-3 pb-24 text-center main-container",id:"c

1ontact",children:(0,r.jsx)(C,{})})]})}},2318:function(e,t,a){var r=a(2676),l=a(6689),n=a(391);let s=[{label:"LinkedIn",url:"https://www.LinkedIn.com/company/bioturing/"},{label:"YouTube",url:"https://www.youtube.com/channel/UCMEve2K3O4iq_OKc2YiiVYQ"},{label:"Facebook",url:"https://www.facebook.com/bioturing"},{label:"X",url:"https://x.com/bioturing"}];t.Z=()=>{let e=(0,n.iB)();return(0,r.jsx)("footer",{className:"bbrowserx-pro"==e?"bg-[#010E1E]":"bg-black",children:(0,r.jsxs)("div",{className:"main-container py-8 md:py-24 text-sm md:text-base",children:[(0,r.jsxs)("div",{className:"grid grid-cols-12 gap-6 w-full",children:[(0,r.jsx)("div",{className:"col-span-12 md:col-span-4 ",children:(0,r.jsx)("a",{href:"https://bioturing.com",children:(0,r.jsx)(l.T2,{variant:"dark"})})}),(0,r.jsxs)("div",{className:"col-span-12 md:col-span-4 ",children:[(0,r.jsx)("h4",{className:"text-base leading-6 md:text-lg md:leading-6 font-semibold text-white",children:"Office"}),(0,r.jsx)("p",{className:"text-gray mt-3 md:mt-8",children:"Office"}),(0,r.jsxs)("p",{className:"mt-2",children:["4445 Eastgate Mall, Suite 200, San Diego,",(0,r.jsx)("br",{}),"California 92121, USA."]}),(0,r.jsx)("p",{className:"text-gray mt-3 md:mt-8",children:"Email"}),(0,r.jsx)("p",{className:"mt-2",children:(0,r.jsx)("a",{href:"mailto:[email protected]",className:"hover:underline underline-offset-2",children:"[email protected]"})})]}),(0,r.jsxs)("div",{className:"col-span-12 md:col-span-4",children:[(0,r.jsx)("h4",{className:"text-base leading-6 md:text-lg md:leading-6 font-semibold text-white",children:"Follow us"}),(0,r.jsx)("ul",{className:"mt-3 md:mt-8",children:s.map(e=>(0,r.jsx)("li",{className:"first:mt-0 md:first:mt-0 mt-2 md:mt-4",children:(0,r.jsx)("a",{href:e.url,target:"_blank",rel:"noreferrer",className:"hover:underline underline-offset-2",children:e.label})},e.label))})]})]}),(0,r.jsx)("div",{className:"pt-4 border-t border-gray/30 mt-6 md:mt-14",children:"Terms of Service Copyright \xa9 2023 BioTuring, Inc."})]})})}},53:function(e,t,a){var r=a(2676),l=a(5614),n=a(8756),s=a(263),o=a(4251),i=a(2736),c=a(8965),d=a(5271),m=a(6689),b=a(391);let u=[{label:"Website",url:"https://bioturing.com"},{label:"LinkedIn",url:"https://www.LinkedIn.com/company/bioturing/"},{label:"YouTube",url:"https://www.youtube.com/channel/UCMEve2K3O4iq_OKc2YiiVYQ"}];t.Z=e=>{let{className:t}=e,[a,p]=(0,d.useState)(!1),x=(0,b.iB)();return(0,r.jsx)("header",{className:(0,l.cn)({spatialx:"bg-[rgba(0,0,0,0.4)] border-b border-b-dark-gray",smartbulk:"bg-[rgba(255,255,255,0.06)] backdrop-blur-sm border-b border-b-[rgba(255,255,255,0.12)]","bbrowserx-pro":"bg-[rgba(255,255,255,0.06)] backdrop-blur-sm border-b-0  text-dark-blue"}[x],"py-3 absolute top-0 left-0 z-[4] w-full",t),children:(0,r.jsxs)("div",{className:"flex items-center justify-between main-container",children:[(0,r.jsx)("a",{href:"https://bioturing.com",children:(0,r.jsx)(m.T2,{variant:"bbrowserx-pro"==x?"light":"dark"})}),(0,r.jsx)("button",{onClick:()=>p(!0),children:(0,r.jsx)(o.a,{weight:"bold",className:"w-5 h-5 md:hidden text-accent-lighter"})}),(0,r.jsx)(n.u,{show:a,children:(0,r.jsx)(s.h_,{children:(0,r.jsx)("nav",{className:(0,l.cn)("bg-black w-full h-full fixed top-0 left-0 md:hidden items-center font-medium text-base gap-10 z-20","transition data-[closed]:opacity-0 ease-in-out","data-[enter]:duration-300","data-[leave]:duration-300"),children:(0,r.jsx)("div",{className:(0,l.cn)({spatialx:"bg-spatialx-nav-mobile-top",smartbulk:"bg-smartbulk-nav-mobile-top","bbrowserx-pro":"bg-[color:#010E1E] bg-bbrowserx-pro-nav-mobile-top"}[x],"bg-no-repeat bg-contain bg-right-top h-full"),children:(0,r.jsxs)("div",{className:(0,l.cn)({spatialx:"bg-spatialx-nav-mobile-bottom",smartbulk:"bg-smartbulk-nav-mobile-bottom","bbrowserx-pro":"bg-bbrowserx-pro-nav-mobile-bottom"}[x],"bg-no-repeat bg-contain bg-left-bottom h-full  px-4 py-3 flex flex-col"),children:[(0,r.jsxs)("header",{className:"flex items-center justify-between w-full",children:[(0,r.jsx)(m.T2,{variant:"dark"}),(0,r.jsx)("button",{onClick:()=>p(!1),children:(0,r.jsx)(i.X,{weight:"bold",className:"w-5 h-5 text-accent-lighter"})})]}),(0,r.jsx)("ul",{className:"mt-16 grow",children:u.map(e=>(0,r.jsx)("li",{children:(0,r.jsxs)("a",{className:"py-4 border-t border-white/15 w-full bg-spatialx-text-gradient bg-clip-text text-2xl leading-[1.2] text-white tracking-[-0.48px] flex",href:e.url,target:"_blank",rel:"noreferrer",children:[(0,r.jsx)("span",{className:"grow",children:e.label}),(0,r.jsx)(c.o,{weight:"bold",className:"w-6 h-6 text-accent-lighter"})]})},e.label))}),(0,r.jsx)("footer",{className:"pt-4 pb-3 border-t border-white/15",children:"Terms of Service Copyright \xa9 2024 BioTuring, Inc."})]})})})})}),(0,r.jsx)("nav",{className:"items-center hidden gap-10 text-base font-semibold md:flex",children:u.map(e=>(0,r.jsx)("a",{className:(0,l.cn)("spatialx"==x&&"bg-spatialx-text-gradient bg-clip-text text-transparent","smartbulk"==x&&"text-white","border-b border-transparent hover:border-white/35","bbrowserx-pro"==x&&"text-dark-blue  hover:border-dark-blue"),target:"_blank",rel:"noreferrer",href:e.url,children:e.label},e.label))})]})})}},5384:function(e,t,a){var r=a(2676),l=a(5614);t.Z=e=>{let{items:t,activeIndex:a,setActiveIndex:n,variant:s="spatialx"}=e,o={spatialx:{active:"text-white bg-spatialx-hero-tab-button-gradient shadow-hero-tab-button-shadow hover:bg-white/15",rest:"text-accent-lighter opacity-85"},smartbulk:{active:"text-white bg-[rgba(255,255,255,0.32)] shadow-hero-tab-button-shadow hover:bg-white/15",rest:"text-white opacity-85"},"bbrowserx-pro":{active:"bg-white/50 hover:bg-white/60 shadow-hero-tab-button-shadow-with-glow text-dark-blue",rest:"opacity-85 hover:bg-white/15 text-dark-blue"},"human-database":{active:"text-xl font-normal text-human-db-primary bg-white",rest:"text-xl text-white font-normal hover:bg-white/15"}};return(0,r.jsx)("div",{className:(0,l.cn)("p-1 max-w-full overflow-hidden rounded-full","inline-flex outline outline-[rgba(227,250,255,0.2)] outline-1 ",{spatialx:"bg-spatialx-hero-tab-gradient",smartbulk:"bg-smartbulk-hero-tab-gradient backdrop-blur-sm","bbrowserx-pro":"bg-white/35 shadow-container-glow backdrop-blur-sm border-[0.5px] border-white/65","human-database":"bg-human-database-button-gradient"}[s]),children:(0,r.jsx)("div",{className:"inline-flex max-w-full overflow-x-scroll no-scrollbar scroll-smooth snap-x",children:t.map((e,t)=>(0,r.jsxs)("button",{onClick:()=>n(t),className:(0,l.cn)("inline-flex shrink-0 py-1.5 px-4 gap-1.5 rounded-full font-semibold text-sm snap-start-end transition-all duration-120",t==a?o[s].active:o[s].rest),children:[e.icon&&(0,r.jsx)(e.icon,{className:"grow-0 shrink-0"}),e.label]},t))})})}},8276:function(e,t,a){var r=a(2676),l=a(5614),n=a(5271),s=a(7603);t.Z=e=>{let{items:t,activeIndex:a,setActiveIndex:o}=e,i=(0,n.useRef)([]);return(0,n.useEffect)(()=>{i.current.length&&i.current.forEach((e,t)=>{t==a?e.play():e.pause()})},[a]),(0,r.jsxs)("div",{className:"relative rounded-xl mt-8 bg-[rgba(270,250,255,0.25)] p-1.5 overflow-hidden",children:[(0,r.jsx)("div",{className:"relative leading-[0] pb-[56.22%] h-0  ",children:t.map((e,n)=>(0,r.jsx)("video",{src:e.video,ref:e=>{e&&(i.current[n]=e)}

1,preload:"auto",autoPlay:!0,muted:!0,playsInline:!0,onEnded:()=>{o((a+1)%t.length)},className:(0,l.cn)("absolute top-0 left-0 w-full h-full rounded-md transition ease-in-out",a==n?"opacity-100 visible":"opacity-0 invisible pointer-events-none")},n))}),(0,r.jsx)(s.Z,{borderWidth:6,colorFrom:"#FFFFFF",colorTo:"var(--accent)"})]})}}}]);