// Title: Layout file 
// Description: Layout file to specify the general structure of the application
// Author(s): CSE Corporation (Tanatswa Manyakara)

// Import Dependencies
import { Outlet }  from 'react-router-dom'
import Header from '../components/Header'
import Footer from '../components/Footer'
import { Link } from 'react-router-dom'
import { useState , useEffect} from 'react'
import "./Layout.css"


// Component Definition
export default function Layout() {

    return (
    <div style={{minHeight:"100vh", display:"flex", flexDirection:"column"}}>
        <Link to="/">
            <Header/>
        </Link>

            <div style={{flex: 1}}>
                <Outlet />
            </div>
        <Footer className="Footer"/>
    </div>
    )
}