https://medusajs.com/_next/static/chunks/9994.ab0117fcb503a802.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9994],{79994:(e,a,d)=>{d.r(a),d.d(a,{default:()=>k});var r=d(23798),s=d(46001),l=d.n(s),t=d(21462),i=d(60240),b=d(11434),o=d(81965);let c=e=>{let{title:a,body:d,icon:s,wrapperClass:t,onClickCallback:i,...c}=e;return(0,r.jsxs)("div",{"data-sb-field-path":c["data-sb-field-path"],onClick:i&&(()=>i()),className:l()("border","border-transparent","dark:hover:bg-dark-bg-base","dark:text-dark-body-primary","flex","flex-col","gap-1","p-6","transition-all","rounded-2xl","text-large",t),children:[(0,r.jsxs)("div",{className:"flex gap-2 items-center mb-2",children:[s&&(0,r.jsx)(o.A,{iconSize:16,...s})," ",a&&(0,r.jsx)("p",{children:a})]}),(0,r.jsx)("div",{className:"dark:text-dark-body-secondary",children:(0,r.jsx)(b.Ay,{children:d})})]})};var n=d(56042),x=d(34843),m=d(41313);let p=()=>(0,r.jsx)("div",{className:"hidden md:block bg-dark-bg-base rounded-xl bg-opacity-40 border border-dark-border-base border-opacity-40 p-2",children:(0,r.jsx)("div",{className:l()("border","border-dark-border-base","rounded-lg","overflow-hidden","text-base","leading-6","aspect-video")})}),k=e=>{var a,d,s;let{blocks:k,features:f}=e,[h,g]=(0,t.useState)(0);return(0,r.jsx)(m.A,{"data-sb-field-path":e["data-sb-field-path"],className:l()("mx-auto ","relative","overflow-hidden",(0,i.I)(null==(a=e.styles)?void 0:a.self)),...e,children:(0,r.jsxs)("div",{className:l()("relative","z-10","flex","items-center","flex-col","md:flex-row","ml-auto","w-full","md:w-[calc(100vw-(100vw-1208px)/2)]","md:gap-14","h-auto","md:h-[1216px]"),children:[(0,r.jsx)("div",{className:l()("pt-16","md:py-10","flex","justify-end","w-full","md:w-3/5","px-0","md:pl-9"),children:(0,r.jsxs)("div",{className:"w-full flex gap-10 flex-col",children:[k&&(0,r.jsx)(n.A,{"data-sb-field-path":".blocks",className:l()("px-5","md:px-0","flex","flex-col","items-start","gap-5"),blocks:k}),(0,r.jsxs)("div",{"data-sb-field-path":".features",className:l()("dark:bg-dark-bg-base","border-t","md:border-none","dark:border-dark-border-base","md:dark:bg-transparent"),children:[(0,r.jsxs)("div",{className:l()("py-6","md:py-0","w-full","flex","overflow-x-auto","hide-scrollbars","md:grid","grid-cols-2","gap-2","md:gap-5"),children:[f&&f.map((e,a)=>(0,r.jsxs)("div",{className:"first:ml-5 last:mr-5 md:last:mr-0 md:first:ml-0",children:[(0,r.jsxs)("div",{onClick:()=>g(a),className:l()("rounded-full","dark:bg-dark-bg-subtle","border","border-transparent","leading-[20px]","px-4","py-2.5","shrink-0","whitespace-nowrap","md:hidden","flex","gap-2","items-center","dark:text-dark-body-primary","cursor-pointer",{"dark:border-dark-border-base":h===a},"transition-all"),children:[e.icon&&(0,r.jsx)(o.A,{...e.icon}),e.title&&(0,r.jsx)("p",{children:e.title})]}),(0,r.jsx)(c,{...e,"data-sb-field-path":".".concat(a),onClickCallback:()=>g(a),wrapperClass:"hidden md:block ".concat(a===h?"dark:border-dark-border-base dark:bg-dark-bg-base":"cursor-pointer")},a)]},a))," "]}),f&&(0,r.jsx)("div",{className:"text-large px-5 pb-5 md:hidden dark:text-dark-body-secondary dark:bg-dark-bg-base",children:(null==(d=f[h])?void 0:d.body)&&(0,r.jsx)(b.Ay,{children:f[h].body})})]})]})}),f&&(0,r.jsx)("div",{"data-sb-field-path":".features",className:"w-full md:w-2/5 relative dark:bg-dark-bg-base md:dark:bg-transparent pb-16 md:pb-0",children:(0,r.jsxs)(x.P.div,{initial:{scale:1.05,x:25},animate:{scale:1,x:0},transition:{ease:"easeOut"},className:"relative",children:[(0,r.jsx)("div",{className:"hidden md:block absolute w-full h-1/4 bg-gradient-to-b from-dark-bg-subtle  z-10"}),(0,r.jsx)("div",{className:"hidden md:block absolute w-full bottom-0 h-1/4 bg-gradient-to-t from-dark-bg-subtle  z-10"}),(0,r.jsxs)("div",{className:"flex flex-col gap-4 translate-x-5 max-w-lg",children:[(0,r.jsx)(p,{}),(null==(s=f[h])?void 0:s.blocks)&&(0,r.jsx)(n.A,{"data-sb-field-path":".".concat(h,".blocks"),className:"flex flex-col gap-4",blocks:f[h].blocks,wrapperClass:"bg-dark-bg-base rounded-xl bg-opacity-40 border border-dark-border-base border-opacity-40 p-2"}),(0,r.jsx)(p,{})]})]},h)})]})})}}}]);