import React from 'react'
import ProfileHeader from '../components/common/ProfileHeader'
import Footer from '../components/common/Footer'
import { Navigate, Outlet } from 'react-router-dom'
import { isAuthenticated } from '../utills/auth'

const MatchesLayout = () => {
    const auth = isAuthenticated();
  return (
    <>
       <ProfileHeader/>
      <div className="page-wrapper w-[100%] max-w-[1400px] mx-auto p-2"
       style={{ 
        marginBottom:'10px', 
       
        }}>
       {/* <Outlet /> */}

        {(auth ? <Outlet /> : <Navigate to="/login" replace />)}
       </div>

       <Footer/>
    </>
  )
}

export default MatchesLayout
