Proyectos de Subversion LeadersLinked - SPA

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

import { useHabitsUrls } from '@hooks'

import HabitsMenu from '@app/components/habits/HabitsMenu'

import './habits.css'

export default function HabitsLayout() {
  const { links } = useHabitsUrls()

  return (
    <Grid container spacing={2}>
      <Grid item xs md={4} sx={{ display: { xs: 'none', md: 'block' } }}>
        <HabitsMenu />
      </Grid>

      <Grid item xs md={8}>
        <Outlet context={links} />
      </Grid>
    </Grid>
  )
}