Proyectos de Subversion LeadersLinked - SPA

import React from 'react'

import { NavLink as Link } from 'react-router-dom'

import { Typography, Container, styled, Breadcrumbs } from '@mui/material'

import useFetch from '../../hooks/useFetch'

import styles from './PoliciesLayout.module.scss'

const StyledBreadcrumbs = styled(Breadcrumbs)`

  li a.active {

    display: none;

  }

`

const PoliciesLayout = ({ children, title }) => {

  return (

    <Container className={styles.policies__page}>

      <PoliciesNavigation />

      <Typography variant='h1'>{title}</Typography>

      {children}

    </Container>

  )

}

const PoliciesNavigation = () => {

  const { data, isLoading } = useFetch('/helpers/footer')

  if (isLoading) return null

  return (

    <StyledBreadcrumbs sx={{ mb: 2 }} aria-label='breadcrumb'>

      <Link to='/'>Inicio</Link>

      {Object.entries(data).map(([href, label]) => (

        <Link key={`${href}-${label}`} to={href}>

          {label}

        </Link>

      ))}

    </StyledBreadcrumbs>

  )

}

export default PoliciesLayout