Proyectos de Subversion LeadersLinked - SPA

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

import HabitsUrlsProvider from '@providers/habits/habitsUrls';

import Menu from '@components/habits/HabitsMenu';
import DailyLog from '@components/habits/daily-log/daily-log';

import './habits.css';

export default function HabitsLayout() {
  return (
    <Grid container spacing={1}>
      <Grid size={{ 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 size={{ xs: 12, md: 8 }}>
        <HabitsUrlsProvider>
          <Outlet />
          <DailyLog />
        </HabitsUrlsProvider>
      </Grid>
    </Grid>
  );
}