function Sidebar()

in theme/src/components/sidebar.js [31:55]

• 24 lines of code
• 1 McCabe index (conditional complexity)

function Sidebar() {
  const scrollContainerProps = usePersistentScroll('sidebar')

  return (
    <Position
      sx={{
        position: 'sticky',
        top: HEADER_HEIGHT,
        height: `calc(100vh - ${HEADER_HEIGHT}px)`,
        minWidth: 260,
        bg: 'canvas.subtle'
      }}
    >
      <BorderBox
        {...scrollContainerProps}
        style={{overflow: 'auto'}}
        sx={{borderWidth: 0, borderRightWidth: 1, borderRadius: 0, height: '100%'}}
      >
        <Flex sx={{flexDirection: 'column'}}>
          <NavItems items={navItems} />
        </Flex>
      </BorderBox>
    </Position>
  )
}