@lobehub/ui/es/dashboard/PageTabs/PageTabs.mjs.map

Lobe UI is an open-source UI component library for building AIGC web apps

{"version":3,"file":"PageTabs.mjs","names":[],"sources":["../../../src/dashboard/PageTabs/PageTabs.tsx"],"sourcesContent":["'use client';\n\nimport Tabs from '@/base-ui/Tabs';\n\nimport { styles } from './style';\nimport type { PageTabsProps } from './type';\n\nfunction PageTabs<Value extends string>({ label, onChange, tabs, value }: PageTabsProps<Value>) {\n  return (\n    <div aria-label={label} className={styles.root} role=\"navigation\">\n      <Tabs\n        activeKey={value}\n        classNames={{ list: styles.list, panel: styles.panel, tab: styles.tab }}\n        items={tabs.map((tab) => ({\n          children: tab.content,\n          key: tab.value,\n          label: (\n            <>\n              {tab.label}\n              {tab.count !== undefined ? <span className={styles.count}>{tab.count}</span> : null}\n            </>\n          ),\n        }))}\n        onChange={(next) => {\n          const tab = tabs.find((item) => item.value === next);\n          if (tab) onChange(tab.value);\n        }}\n      />\n    </div>\n  );\n}\n\nPageTabs.displayName = 'PageTabs';\n\nexport default PageTabs;\n"],"mappings":";;;;;AAOA,SAAS,SAA+B,EAAE,OAAO,UAAU,MAAM,SAA+B;CAC9F,OACE,oBAAC,OAAD;EAAK,cAAY;EAAO,WAAW,OAAO;EAAM,MAAK;EACnD,UAAA,oBAAC,MAAD;GACE,WAAW;GACX,YAAY;IAAE,MAAM,OAAO;IAAM,OAAO,OAAO;IAAO,KAAK,OAAO;GAAI;GACtE,OAAO,KAAK,KAAK,SAAS;IACxB,UAAU,IAAI;IACd,KAAK,IAAI;IACT,OACE,qBAAA,UAAA,EAAA,UAAA,CACG,IAAI,OACJ,IAAI,UAAU,KAAA,IAAY,oBAAC,QAAD;KAAM,WAAW,OAAO;KAAQ,UAAA,IAAI;IAAY,CAAA,IAAI,IAC/E,EAAA,CAAA;GAEN,EAAE;GACF,WAAW,SAAS;IAClB,MAAM,MAAM,KAAK,MAAM,SAAS,KAAK,UAAU,IAAI;IACnD,IAAI,KAAK,SAAS,IAAI,KAAK;GAC7B;EACD,CAAA;CACE,CAAA;AAET;AAEA,SAAS,cAAc"}