import React from "react";
import Nav from "@/components/navigation/Nav";
import { LayoutWithNavInterface } from "types/PropInterfaces";
import Head from "next/head";
import Footer from "./Footer";

function LayoutWithNav({
  children,
  page_title,
  description,
}: LayoutWithNavInterface) {
  return (
    <>
      <Head>
        <title>{page_title}</title>
        <meta name="description" content={description} />
        <link rel="icon" href="/favicon.ico" />
      </Head>
      <div className={"mt-12 mb-[80px]"}>
        <Nav />
        {children}
      </div>
      <Footer />
    </>
  );
}

export default LayoutWithNav;
