https://www.aarong.com/_next/static/chunks/2022.360b5ea0c6f97246.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2022],{32022:function(e,t,a){a.r(t);var l=a(47113),i=a(4509),n=a(32851),r=a(19700),s=a(79709);t.default=e=>{var t,a;let{data:c}=e,{width:d}=(0,n.Z)(),o=c.items.map((e,t)=>({id:"tab-".concat(t),label:(0,r.sanitizeLabel)(e.label),route:null==e?void 0:e.route,content:(0,l.jsx)("ol",{className:"list-disc ml-4 md:ml-10 lg:ml-[150px]",children:(null==e?void 0:e.items)&&e.items.map((e,t)=>(0,l.jsx)("li",{className:"mb-[15px]",children:e.label},t))})})),[x,m]=(0,i.useState)((null===(t=o[0])||void 0===t?void 0:t.id)||"tab-0"),b=o.find(e=>e.id===x);return(0,l.jsx)("div",{className:"grid grid-cols-12 gap-4 my-2",children:(0,l.jsxs)("div",{className:"col-span-12 items-center",children:[(0,l.jsx)(s.Z,{tabs:o,defaultActiveTabId:(null===(a=o[0])||void 0===a?void 0:a.id)||"tab-0",className:"lg:py-4 lg:px-[32px] lg:bg-black",backgroundClassName:"bg-[url('https://mcprod.aarong.com/media/wysiwyg/-1.png')] bg-cover min-h-[300px]",tabClassName:"!text-[20px] text-white border-b border-black hover:border-b-1 hover:border-red hover:pb-2",activeTabClassName:"border-b-2 border-red pb-4 ",contentClassName:"bg-[url('/path/to/your/background-image.jpg')] bg-cover bg-center",membership:!0,onTabChange:e=>{m(e)},hideContent:!1,ulClassName:"!justify-between xl:!gap-[60px] 2xl:!gap-[90px]"}),b&&!(void 0!==d&&d<768)&&(0,l.jsx)("div",{className:"p-4 bg-[url('https://mcprod.aarong.com/media/wysiwyg/-1.png')] bg-cover bg-center flex  items-start md:pt-20 text-white text-xl h-[550px]",children:null==b?void 0:b.content})]})})}},32851:function(e,t,a){var l=a(4509);t.Z=()=>{let[e,t]=(0,l.useState)({width:void 0,height:void 0});return(0,l.useEffect)(()=>{function e(){t({width:window.innerWidth,height:window.innerHeight})}return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),e}},79709:function(e,t,a){var l=a(47113),i=a(7034),n=a(4509),r=a(32851);let s=(0,n.memo)(e=>{let{tabs:t,defaultActiveTabId:a,className:s,tabClassName:c,activeTabClassName:d,contentClassName:o,contentBgImage:x,onTabChange:m,hideContent:b,ulClassName:h,backgroundClassName:u,membership:p}=e,[g,v]=(0,n.useState)(a||t[0].id),j=(0,n.useRef)(null),[f,N]=(0,n.useState)(p?0:null),{width:w}=(0,r.Z)(),k=e=>{N(f===e?null:e)};(0,n.useEffect)(()=>{m&&m(g)},[g,m]);let y=e=>{v(e)};return(0,l.jsx)("div",{className:"".concat(s," w-full"),children:void 0!==w&&w<768&&p?(0,l.jsx)("div",{className:"".concat(u),children:(0,l.jsx)("div",{className:"block w-full lg:hidden",children:t.map((e,t)=>(null==e?void 0:e.route)?(0,l.jsx)(i.default,{href:e.route,children:(0,l.jsxs)("div",{className:"border-b border-gray-200",children:[(0,l.jsxs)("div",{className:"flex justify-between items-center p-4 bg-white-400 cursor-pointer transition-colors duration-300",onClick:()=>k(t),children:[(0,l.jsx)("span",{className:"text-white capitalize",children:e.label}),(0,l.jsx)("span",{className:"text-xl text-white transform transition-transform duration-300",children:f===t?"-":"+"})]}),(0,l.jsx)("div",{className:"overflow-hidden\n                  transition-[max-height]\n                  duration-500 ease-in-out ".concat(f===t?"h-auto":"max-h-0"),children:(0,l.jsx)("div",{className:"ml-4 p-4 text-white",children:"string"==typeof e.content?(0,l.jsx)("p",{children:e.content}):(0,l.jsx)("ul",{children:e.content})})})]},t)},e.id):(0,l.jsxs)("div",{className:"border-b border-gray-200",children:[(0,l.jsxs)("div",{className:"flex justify-between items-center p-4 bg-white-400 cursor-pointer transition-colors duration-300",onClick:()=>k(t),children:[(null==e?void 0:e.route)?(0,l.jsx)(i.default,{href:e.route,children:(0,l.jsx)("span",{className:"text-white capitalize",children:e.label})},e.id):(0,l.jsx)("span",{className:"text-white capitalize",children:e.label}),(0,l.jsx)("span",{className:"text-xl text-white transform transition-transform duration-300",children:f===t?"-":"+"})]}),(0,l.jsx)("div",{className:"overflow-hidden\n                transition-[max-height]\n                duration-500 ease-in-out ".concat(f===t?"h-auto":"max-h-0"),children:(0,l.jsx)("div",{className:"ml-4 p-4 text-white",children:"string"==typeof e.content?(0,l.jsx)("p",{children:e.content}):(0,l.jsx)("ul",{children:e.content})})})]},t))})}):(0,l.jsxs)("div",{children:[(0,l.jsx)("ul",{className:"flex gap-[30px] md:gap-[11px] lg:gap-[13px] xl:gap-[40px] 2xl:gap-[60px] text-sm font-medium text-center justify-start border-b border-black ml-[5px] mr-[35px] md:ml-[12px] md:mr-[15px] xl:mr-16 lg:mx-[10px] ".concat(h),role:"tablist",children:t.map((e,t)=>(null==e?void 0:e.route)?(0,l.jsx)("li",{role:"presentation",className:"relative",ref:0===t?j:null,children:(0,l.jsx)(i.default,{href:e.route,children:(0,l.jsx)("button",{className:"inline-block lg:text-[30px] p-2 border-b-2 roun

1ded-t-lg uppercase ".concat(g===e.id?"border-black text-black ".concat(d):"text-gray-400"," ").concat(c),onClick:()=>y(e.id),type:"button",role:"tab","aria-controls":e.id,"aria-selected":g===e.id,children:e.label})})},e.id):(0,l.jsx)("li",{role:"presentation",children:(0,l.jsx)("button",{className:"inline-block lg:text-[30px] p-2 border-b-2 rounded-t-lg uppercase ".concat(g===e.id?"border-black text-black ".concat(d):"text-gray-400"," ").concat(c),onClick:()=>y(e.id),type:"button",role:"tab","aria-controls":e.id,"aria-selected":g===e.id?"true":"false",children:e.label})},e.id))}),b&&(0,l.jsx)("div",{className:o,style:{backgroundImage:"url(".concat(x,")")},children:t.map(e=>(0,l.jsx)("div",{id:e.id,role:"tabpanel","aria-labelledby":"".concat(e.id,"-tab"),className:"".concat(g===e.id?"block":"hidden"," p-4"),children:e.content},e.id))})]})})});s.displayName="HorizontalTabs",t.Z=s}}]);