import React from "react";
import { PageProps } from "./interFaces";

const pageContext = {
  tr: {
    pageTitle: "Sayfa 0001",
    pageDescription: "Bu, Sayfa 0001'in içeriğidir.",
  },
  en: {
    pageTitle: "Page 0001",
    pageDescription: "This is the content of Page 0001.",
  },
};

function Page0001({ lang }: PageProps) {
  const { pageTitle, pageDescription } =
    pageContext[lang as keyof typeof pageContext];

  return (
    <>
      <div className="flex flex-col h-screen">
        <header className="bg-gray-800 text-white p-4 text-center">
          <h1 className="text-2xl font-bold">{pageTitle}</h1>
        </header>
        <main className="flex-grow p-4 bg-gray-100">
          <p className="text-gray-700">{pageDescription}</p>
        </main>
        <footer className="bg-gray-800 text-white p-4 text-center">
          <p>&copy; 2023 My Application</p>
        </footer>
      </div>
    </>
  );
}

export default Page0001;