import Footer from "./Footer";
import StaticLogoHeader from "./StaticLogoHeader";
import type { ReactNode } from "react";

type InfoPageProps = {
  title: string;
  subtitle?: string;
  children: ReactNode;
};

export default function InfoPage({ title, subtitle, children }: InfoPageProps) {
  return (
    <main>
      <StaticLogoHeader />
      <section className="section">
        <div className="container info-page">
          <div className="info-page__header">
            <h1 className="info-page__title">{title}</h1>
            {subtitle ? <p className="info-page__subtitle">{subtitle}</p> : null}
          </div>
          <div className="info-page__body">{children}</div>
        </div>
      </section>
      <Footer />
    </main>
  );
}