Proyectos de Subversion LeadersLinked - SPA

import React from 'react'

import {

  List,

  ListItem,

  ListItemButton,

  ListItemText,

  Typography

} from '@mui/material'

import WidgetWrapper from '@app/components/widgets/WidgetLayout'

const SideMenu = ({

  items = [],

  onChange = null,

  title = '',

  current = '',

  defaultValue = '',

  defaultLabel = ''

}) => {

  const handleChange = (value) => onChange(value)

  return (

    <WidgetWrapper p={1}>

      <Typography variant='h2'>{title}</Typography>

      <List sx={{ mt: 1 }}>

        <ListItemButton

          sx={{ py: 0, display: defaultLabel ? 'initial' : 'none' }}

          onClick={() => handleChange(defaultValue)}

        >

          <ListItemText

            primary={defaultLabel}

            primaryTypographyProps={{

              sx: { fontWeight: current === defaultValue ? 'bold' : 'normal' }

            }}

          />

        </ListItemButton>

        {items.map(({ value, name }) => (

          <ListItem key={value} sx={{ p: 0 }}>

            <ListItemButton sx={{ py: 0 }} onClick={() => handleChange(value)}>

              <ListItemText

                id={value}

                primary={name}

                primaryTypographyProps={{

                  sx: { fontWeight: current === value ? 'bold' : 'normal' }

                }}

              />

            </ListItemButton>

          </ListItem>

        ))}

      </List>

    </WidgetWrapper>

  )

}

export default SideMenu