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>

  )

}