Proyectos de Subversion LeadersLinked - SPA

import React, { useState } from 'react'

import {

  List,

  ListItem,

  ListItemButton,

  ListItemText,

  Typography

} from '@mui/material'

import WidgetWrapper from 'components/widgets/WidgetLayout'

const SideMenu = ({ items = [], onChange = null, title = '' }) => {

  const [currentIndex, setCurrentIndex] = useState(0)

  const handleChange = (index, value) => {

    setCurrentIndex(index)

    onChange(value)

  }

  return (

    <WidgetWrapper p={1}>

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

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

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

          <ListItem

            key={value}

            sx={{

              p: 0,

              fontWeight: currentIndex === index ? 'bold' : 'normal'

            }}

          >

            <ListItemButton onClick={() => handleChange(index, value)}>

              <ListItemText id={value} primary={name} />

            </ListItemButton>

          </ListItem>

        ))}

      </List>

    </WidgetWrapper>

  )

}

export default SideMenu