import Header from "./components/Header";
import DateHeader from "./components/DateHeader";
import Sidebar from "./components/Sidebar";
import NewspaperViewer from "./components/NewspaperViewer";
import { DateProvider } from "./context/DateContext";
import { PageProvider } from "./context/PageContext";

function App() {
  return (
    <PageProvider>
      <DateProvider>
        <main className="pt-4">
          <Header />
          <DateHeader />
          <section className="px-96 flex pt-8 gap-7">
            <NewspaperViewer />
            <Sidebar />
          </section>
        </main>
      </DateProvider>
    </PageProvider>
  );
}

export default App;
