{"version":3,"file":"Tabs.mocks.jsx","sourceRoot":"","sources":["../../../src/core/Tabs/Tabs.mocks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAkB,MAAM,yBAAyB,CAAC;AAE/E,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAA+B,EAAE,EAAE;IAChE,MAAM,CAAC,UAAU,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,OAAO,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAE1C,MAAM,eAAe,GAAG,CAAC,EAAU,EAAE,EAAE;QACrC,WAAW,CAAC,EAAE,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG;QACX,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE;QACxC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;QACzC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE;QACxC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;QACzD,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;KACtD,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CACvE;MAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CACtB;QAAA,CAAC,IAAI,CACH,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,UAAU,CAAC,CAAC,eAAe,CAAC,CAC5B,YAAY,CAAC,CAAC,UAAU,CAAC,CACzB,GAAG,CAAC,CAAC,OAAO,CAAC,EAEjB;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAC1B,CAAC,QAAQ,CACP,KAAK,CAAC,CAAC,EAAE,CAAC,CACV,YAAY,CAAC,CAAC,UAAU,CAAC,CACzB,KAAK,CAAC,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAChD,GAAG,CAAC,CAAC,EAAE,CAAC,CACR,UAAU,CAAC,CAAC,OAAO,CAAC,CACpB,WAAW,CAAC,CAAC,IAAI,CAAC,CAElB;UAAA,CAAC,IAAI,CACH,SAAS,CAAC,CAAC;gBACT,GAAG,CAAC,IAAI,KAAK,UAAU,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;aAC5C,CAAC,CAEF;YAAA,CAAC,IAAI,CAAE;UACT,EAAE,IAAI,CACR;QAAA,EAAE,QAAQ,CAAC,CACZ,CAAC,CACJ;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useRef, useState } from 'react';\n\nimport { Flex, TabPanel, Tabs, type TabsProps } from '@pega/cosmos-react-core';\n\nexport const TabsMock = ({ type }: { type: TabsProps['type'] }) => {\n  const [panelShown, changePanel] = useState('1.1');\n  const tabsRef = useRef<HTMLElement>(null);\n\n  const handleTabChange = (id: string) => {\n    changePanel(id);\n  };\n\n  const tabs = [\n    { name: 'Tab 1.1', id: '1.1', count: 5 },\n    { name: 'Tab 1.2', id: '1.2', count: 14 },\n    { name: 'Tab 1.3', id: '1.3', count: 0 },\n    { name: 'Tab 1.4', id: '1.4', count: 56, disabled: true },\n    { name: 'Tab 1.5', id: '1.5', count: 150, errors: 2 }\n  ];\n\n  return (\n    <Flex container={{ direction: type === 'horizontal' ? 'column' : 'row' }}>\n      <Flex item={{ grow: 1 }}>\n        <Tabs\n          tabs={tabs}\n          type={type}\n          onTabClick={handleTabChange}\n          currentTabId={panelShown}\n          ref={tabsRef}\n        />\n      </Flex>\n      {tabs.map(({ id, name }) => (\n        <TabPanel\n          tabId={id}\n          currentTabId={panelShown}\n          title={type === 'horizontal' ? name : undefined}\n          key={id}\n          tablistRef={tabsRef}\n          tablistType={type}\n        >\n          <Flex\n            container={{\n              ...(type === 'vertical' && { pad: [1, 2] })\n            }}\n          >\n            {name} content\n          </Flex>\n        </TabPanel>\n      ))}\n    </Flex>\n  );\n};\n"]}