Proyectos de Subversion LeadersLinked - SPA

import React, { useState } from 'react'
import { Collapse, List, ListItemButton, ListItemText } from '@mui/material'
import { ExpandLess, ExpandMore } from '@mui/icons-material'

import Widget from '@app/components/UI/Widget'
import { Link } from 'react-router-dom'

export default function HabitsMenu() {
  const [open, setOpen] = useState(true)

  const handleClick = () => setOpen(!open)

  return (
    <Widget>
      <List>
        <ListItemButton onClick={handleClick}>
          <ListItemText primary='Propósito' />
          {open ? <ExpandLess /> : <ExpandMore />}
        </ListItemButton>

        <Collapse in={open} timeout='auto' unmountOnExit>
          <List disablePadding>
            <ListItemButton sx={{ pl: 4 }} LinkComponent={Link} to='paradigms'>
              <ListItemText primary='Paradigmas' />
            </ListItemButton>
            <ListItemButton sx={{ pl: 4 }} LinkComponent={Link} to='values'>
              <ListItemText primary='Valores' />
            </ListItemButton>
            <ListItemButton sx={{ pl: 4 }} LinkComponent={Link} to='purposes'>
              <ListItemText primary='Propósito' />
            </ListItemButton>
          </List>
        </Collapse>

        <ListItemButton LinkComponent={Link} to='goals'>
          <ListItemText primary='Metas' />
        </ListItemButton>
      </List>
    </Widget>
  )
}