{"version":3,"file":"TabComponent.js","sources":["../../scripts/sharedComponents/TabComponent.tsx"],"sourcesContent":["import * as React from 'react'\r\n\r\nexport interface ITabComponent {\r\n  activeTab: string\r\n  resetFilter: () => void\r\n  allLabel?: string\r\n  tabs: string[]\r\n  onFilter: (filter: string) => void\r\n}\r\n\r\nfunction TabComponent({\r\n  activeTab,\r\n  resetFilter,\r\n  allLabel,\r\n  tabs,\r\n  onFilter,\r\n}: ITabComponent) {\r\n  return (\r\n    <div className=\"flex gap-10 overflow-x-scroll md:overflow-auto mt-[19px]\">\r\n      {allLabel !== undefined && (\r\n        <button\r\n          className={`link link-page-navigation shrink-0 ${\r\n            activeTab === allLabel && 'border-engineering-grey-1'\r\n          }`}\r\n          onClick={() => resetFilter()}\r\n        >\r\n          {allLabel}\r\n        </button>\r\n      )}\r\n      {tabs &&\r\n        tabs.map((tab: string) => (\r\n          <button\r\n            className={`link link-page-navigation shrink-0 ${\r\n              activeTab === tab && 'border-engineering-grey-1'\r\n            }`}\r\n            key={tab}\r\n            onClick={() => onFilter(tab)}\r\n          >\r\n            {tab}\r\n          </button>\r\n        ))}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default TabComponent\r\n"],"names":["TabComponent","activeTab","resetFilter","allLabel","tabs","onFilter","jsxs","jsx","tab"],"mappings":"8BAUA,SAASA,EAAa,CACpB,UAAAC,EACA,YAAAC,EACA,SAAAC,EACA,KAAAC,EACA,SAAAC,CACF,EAAkB,CAEd,OAAAC,EAAA,KAAC,MAAI,CAAA,UAAU,2DACZ,SAAA,CAAAH,IAAa,QACZI,EAAA,IAAC,SAAA,CACC,UAAW,sCACTN,IAAcE,GAAY,2BAC5B,GACA,QAAS,IAAMD,EAAY,EAE1B,SAAAC,CAAA,CACH,EAEDC,GACCA,EAAK,IAAKI,GACRD,EAAA,IAAC,SAAA,CACC,UAAW,sCACTN,IAAcO,GAAO,2BACvB,GAEA,QAAS,IAAMH,EAASG,CAAG,EAE1B,SAAAA,CAAA,EAHIA,CAAA,CAKR,CACL,CAAA,CAAA,CAEJ"}