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}

              href='paradigms'

            >

              <ListItemText primary='Paradigmas' />

            </ListItemButton>

            <ListItemButton sx={{ pl: 4 }} LinkComponent={Link} href='values'>

              <ListItemText primary='Valores' />

            </ListItemButton>

            <ListItemButton sx={{ pl: 4 }} LinkComponent={Link} href='purpose'>

              <ListItemText primary='Propósito' />

            </ListItemButton>

          </List>

        </Collapse>

        <ListItemButton LinkComponent={Link} href='goals'>

          <ListItemText primary='Metas' />

        </ListItemButton>

      </List>

    </Widget>

  )

}