function DoDontBase()

in theme/src/components/do-dont.js [25:39]

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

function DoDontBase({children, title, icon: Icon, iconBg}) {
  return (
    <Box display="flex" flexDirection="column">
      <Box display="flex" alignSelf="start" flexDirection="row" alignItems="center" mb="2">
        <StyledOcticon icon={Icon} sx={{color: iconBg}} />
        <Text fontWeight="bold" color="fg.default" ml={2}>
          {title}
        </Text>
      </Box>
      <Box display="flex" flexDirection="column" sx={{'& *:last-child': {mb: 0}, img: {maxWidth: '100%'}}}>
        {children}
      </Box>
    </Box>
  )
}