Proyectos de Subversion LeadersLinked - SPA

import React from 'react'
import { Outlet } from 'react-router-dom'
import { Grid } from '@mui/material'

import Menu from '@components/habits/HabitsMenu'
import SelfRating from '@components/habits/self-rating'
import HabitsUrlsProvider from '@providers/habits/habitsUrls'

import './habits.css'

export default function HabitsLayout() {
  return (
    <Grid container spacing={1}>
      <Grid item xs={12} md={4}>
        <Menu>
          <Menu.Item to='/habits/habits' label='Hábitos' />
          <Menu.Item to='/habits/my-progress' label='Mi progreso' />
          <Menu.Item to='/habits/goals' label='Metas' />
          <Menu.Item to='/habits/purposes' label='Propósitos' />
          <Menu.Item to='/habits/paradigms' label='Paradigmas' />
          <Menu.Item to='/habits/values' label='Valores' />
        </Menu>
      </Grid>

      <Grid item xs={12} md={8}>
        <HabitsUrlsProvider>
          <Outlet />
          <SelfRating />
        </HabitsUrlsProvider>
      </Grid>
    </Grid>
  )
}