src/components/Layout/Layout.tsx

import React, { ReactNode } from 'react';
import { Header } from './Header';
import { Sidebar } from './Sidebar';

interface LayoutProps {
  children: ReactNode;
  currentPage?: string;
}

export const Layout: React.FC<LayoutProps> = ({ children, currentPage }) => {
  return (
    <div className="app-container">

      <Sidebar />

      <main className="main-content">

        <Header currentPage={currentPage} />

        <div className="page-content">

          {children}

        </div>

      </main>

    </div>
  );
};

export default Layout;