{"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"}