{"version":3,"file":"TabNavigation.js","sources":["../../scripts/tabNavigation/TabNavigation.tsx"],"sourcesContent":["import * as React from 'react'\r\nimport { useEffect, useState } from 'react'\r\nimport { animationFadeInUp } from '../constants'\r\nimport { ITabItems, ITabNavigationContent } from '../models'\r\nimport TabComponent from '../sharedComponents/TabComponent'\r\n\r\nfunction TabNavigation({ content }: { content: ITabNavigationContent }) {\r\n  const [items, setItems] = useState([] as ITabItems[])\r\n  const [activeTab, setActiveTab] = useState('')\r\n\r\n  useEffect(() => {\r\n    setItems(content.TabItems)\r\n    itemFilter(content.TabItems[0].Heading)\r\n  }, [])\r\n\r\n  const itemFilter = (filter: string) => {\r\n    setItems(content.TabItems.filter((item) => item.Heading === filter))\r\n    setActiveTab(filter)\r\n  }\r\n\r\n  const resetFilter = () => {\r\n    itemFilter(content.TabItems[0].Heading)\r\n  }\r\n\r\n  useEffect(() => {\r\n    window.animationRefresh()\r\n  }, [items])\r\n\r\n  return (\r\n    <div className={`px-container ${animationFadeInUp} animation-trigger`}>\r\n      <div className={`header-h2-section `}>\r\n        <h2>{content.Heading}</h2>\r\n      </div>\r\n      <div className={`border-b-separator  ${animationFadeInUp}`}>\r\n        <TabComponent\r\n          tabs={content.TabItems.map((item) => item.Heading)}\r\n          activeTab={activeTab}\r\n          resetFilter={resetFilter}\r\n          onFilter={itemFilter}\r\n        />\r\n      </div>\r\n      <div className=\"flex flex-col\">\r\n        {items.length > 0 &&\r\n          items.map((item) => (\r\n            <div\r\n              className={`grid grid-cols-1 py-8  md:py-10 border-b-separator gap-8 md:gap-0\r\n            md:grid-cols-3 \r\n            xl:grid-cols-4  ${animationFadeInUp}`}\r\n            >\r\n              <a\r\n                className=\"flex flex-col gap-4 cursor-pointer\"\r\n                href={item.Link?.Href || ''}\r\n                target={item.Link?.Target || '_self'}\r\n              >\r\n                <img\r\n                  className=\"w-[194px] aspect-video md:mt-[10px] \"\r\n                  src={item.Image.Url}\r\n                  alt={item.Image.Alt}\r\n                />\r\n                <span className=\"font-bold\">{item.Heading}</span>\r\n              </a>\r\n              <div\r\n                className=\"grid grid-cols-1 justify-items-start content-start gap-x-14\r\n              md:grid-cols-2  md:col-span-2\r\n              xl:grid-cols-3  xl:col-span-3\"\r\n              >\r\n                {item.Links.map((link, index) => (\r\n                  <a\r\n                    key={index}\r\n                    className=\"py-[10px]\"\r\n                    href={link.Href}\r\n                    target={link.Target}\r\n                  >\r\n                    <div>\r\n                      <span\r\n                        key={index}\r\n                        className=\"text-balance  link-chevron-right-span\"\r\n                      >\r\n                        {link.Title}\r\n                      </span>\r\n                    </div>\r\n                  </a>\r\n                ))}\r\n              </div>\r\n            </div>\r\n          ))}\r\n      </div>\r\n      <div className=\"spacer-60\"></div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default TabNavigation\r\n"],"names":["TabNavigation","content","items","setItems","useState","activeTab","setActiveTab","useEffect","itemFilter","filter","item","resetFilter","jsxs","animationFadeInUp","jsx","TabComponent","_a","_b","link","index"],"mappings":"iIAMA,SAASA,EAAc,CAAE,QAAAC,GAA+C,CACtE,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAA,SAAS,CAAiB,CAAA,EAC9C,CAACC,EAAWC,CAAY,EAAIF,WAAS,EAAE,EAE7CG,EAAAA,UAAU,IAAM,CACdJ,EAASF,EAAQ,QAAQ,EACzBO,EAAWP,EAAQ,SAAS,CAAC,EAAE,OAAO,CACxC,EAAG,CAAE,CAAA,EAEC,MAAAO,EAAcC,GAAmB,CAC5BN,EAAAF,EAAQ,SAAS,OAAQS,GAASA,EAAK,UAAYD,CAAM,CAAC,EACnEH,EAAaG,CAAM,CAAA,EAGfE,EAAc,IAAM,CACxBH,EAAWP,EAAQ,SAAS,CAAC,EAAE,OAAO,CAAA,EAGxCM,OAAAA,EAAAA,UAAU,IAAM,CACd,OAAO,iBAAiB,CAAA,EACvB,CAACL,CAAK,CAAC,EAGPU,EAAA,KAAA,MAAA,CAAI,UAAW,gBAAgBC,CAAiB,qBAC/C,SAAA,CAAAC,EAAAA,IAAC,OAAI,UAAW,qBACd,eAAC,KAAI,CAAA,SAAAb,EAAQ,QAAQ,CACvB,CAAA,EACCa,MAAA,MAAA,CAAI,UAAW,uBAAuBD,CAAiB,GACtD,SAAAC,EAAA,IAACC,EAAA,CACC,KAAMd,EAAQ,SAAS,IAAKS,GAASA,EAAK,OAAO,EACjD,UAAAL,EACA,YAAAM,EACA,SAAUH,CAAA,CAAA,EAEd,EACAM,EAAAA,IAAC,MAAI,CAAA,UAAU,gBACZ,SAAAZ,EAAM,OAAS,GACdA,EAAM,IAAKQ,GACT,SAAAE,OAAAA,EAAA,KAAC,MAAA,CACC,UAAW;AAAA;AAAA,8BAEKC,CAAiB,GAEjC,SAAA,CAAAD,EAAA,KAAC,IAAA,CACC,UAAU,qCACV,OAAMI,EAAAN,EAAK,OAAL,YAAAM,EAAW,OAAQ,GACzB,SAAQC,EAAAP,EAAK,OAAL,YAAAO,EAAW,SAAU,QAE7B,SAAA,CAAAH,EAAA,IAAC,MAAA,CACC,UAAU,uCACV,IAAKJ,EAAK,MAAM,IAChB,IAAKA,EAAK,MAAM,GAAA,CAClB,EACCI,EAAA,IAAA,OAAA,CAAK,UAAU,YAAa,WAAK,QAAQ,CAAA,CAAA,CAC5C,EACAA,EAAA,IAAC,MAAA,CACC,UAAU;AAAA;AAAA,6CAIT,SAAKJ,EAAA,MAAM,IAAI,CAACQ,EAAMC,IACrBL,EAAA,IAAC,IAAA,CAEC,UAAU,YACV,KAAMI,EAAK,KACX,OAAQA,EAAK,OAEb,eAAC,MACC,CAAA,SAAAJ,EAAA,IAAC,OAAA,CAEC,UAAU,wCAET,SAAKI,EAAA,KAAA,EAHDC,CAAA,EAKT,CAAA,EAZKA,CAAA,CAcR,CAAA,CACH,CAAA,CAAA,CAEH,EAAA,EACL,EACAL,EAAAA,IAAC,MAAI,CAAA,UAAU,WAAY,CAAA,CAC7B,CAAA,CAAA,CAEJ"}