src/components/Layout.tsx

import React from 'react';
import Header from './Header';
import Footer from './Footer';

const Layout = ({pageTitle, children}) => {
 return (
    <section className="flex flex-col min-h-screen">
      <Header pageTitle={pageTitle} />
      <main className="flex-1">
        {children}
      </main>
      <Footer />
    </section>
 );
};

export default Layout;