UNPKG

@lobehub/ui

Version:

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

1 lines 1.36 kB
{"version":3,"file":"SideNav.mjs","names":["Flexbox"],"sources":["../../src/SideNav/SideNav.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { styles } from './style';\nimport type { SideNavProps } from './type';\n\nconst SideNav = memo<SideNavProps>(({ className, avatar, topActions, bottomActions, ...rest }) => {\n return (\n <Flexbox\n align={'center'}\n className={cx(styles, className)}\n flex={'none'}\n justify={'space-between'}\n {...rest}\n >\n <Flexbox align=\"center\" direction=\"vertical\" gap={12}>\n {avatar}\n <Flexbox align=\"center\" direction=\"vertical\" gap={8}>\n {topActions}\n </Flexbox>\n </Flexbox>\n <Flexbox align=\"center\" direction=\"vertical\" gap={4}>\n {bottomActions}\n </Flexbox>\n </Flexbox>\n );\n});\n\nSideNav.displayName = 'SideNav';\n\nexport default SideNav;\n"],"mappings":";;;;;;;;;AAUA,MAAM,UAAU,MAAoB,EAAE,WAAW,QAAQ,YAAY,eAAe,GAAG,WAAW;AAChG,QACE,qBAACA;EACC,OAAO;EACP,WAAW,GAAG,QAAQ,UAAU;EAChC,MAAM;EACN,SAAS;EACT,GAAI;aAEJ,qBAACA;GAAQ,OAAM;GAAS,WAAU;GAAW,KAAK;cAC/C,QACD,oBAACA;IAAQ,OAAM;IAAS,WAAU;IAAW,KAAK;cAC/C;KACO;IACF,EACV,oBAACA;GAAQ,OAAM;GAAS,WAAU;GAAW,KAAK;aAC/C;IACO;GACF;EAEZ;AAEF,QAAQ,cAAc;AAEtB,sBAAe"}