function NavDropdown()

in theme/src/components/nav-dropdown.js [6:29]

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

function NavDropdown({title, children}) {
  const {getDetailsProps} = useDetails({closeOnOutsideClick: true})
  return (
    <Details {...getDetailsProps()}>
      <summary style={{cursor: 'pointer'}}>
        <Text>{title}</Text>
        <StyledOcticon icon={TriangleDownIcon} sx={{ml: 1}} />
      </summary>
      <Box position="absolute">
        <Box
          bg="canvas.overlay"
          p={2}
          mt={2}
          borderWidth="1px"
          borderStyle="solid"
          borderColor="border.default"
          borderRadius="12px"
        >
          {children}
        </Box>
      </Box>
    </Details>
  )
}