import Sidebar from "../components/Sidebar";
import Header from "../components/Header";

export default function AppLayout({
  children,
  activePage,
  onNavigate,
}) {
  return (
    <div className="layout">

      <Sidebar
        activePage={activePage}
        onNavigate={onNavigate}
      />

      <div className="layout-content">

        <Header />

        <main className="page-content">

          {children}

        </main>

      </div>

    </div>
  );
}