Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 2496 | Ir a la última revisión | | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
2482 stevensc 1 
import React, { useState } from 'react'
2 
import { Collapse, List, ListItemButton, ListItemText } from '@mui/material'
3 
import { ExpandLess, ExpandMore } from '@mui/icons-material'
4 
 
5 
import Widget from '@app/components/UI/Widget'
6 
 
7 
export default function HabitsMenu() {
8 
  const [open, setOpen] = useState(true)
9 
 
10 
  const handleClick = () => setOpen(!open)
11 
 
12 
  return (
13 
    <Widget>
14 
      <List>
15 
        <ListItemButton onClick={handleClick}>
16 
          <ListItemText primary='Propósito' />
17 
          {open ? <ExpandLess /> : <ExpandMore />}
18 
        </ListItemButton>
19 
 
20 
        <Collapse in={open} timeout='auto' unmountOnExit>
21 
          <List disablePadding>
22 
            <ListItemButton sx={{ pl: 4 }}>
23 
              <ListItemText primary='Paradigmas' />
24 
            </ListItemButton>
25 
            <ListItemButton sx={{ pl: 4 }}>
26 
              <ListItemText primary='Valores' />
27 
            </ListItemButton>
28 
            <ListItemButton sx={{ pl: 4 }}>
29 
              <ListItemText primary='Propósito' />
30 
            </ListItemButton>
31 
          </List>
32 
        </Collapse>
33 
 
34 
        <ListItemButton>
35 
          <ListItemText primary='Metas' />
36 
        </ListItemButton>
37 
      </List>
38 
    </Widget>
39 
  )
40 
}