import Link from "next/link";
import { useRouter } from "next/router";
import { useContext } from "react";
import useTranslation from "next-translate/useTranslation";
import TitleContent from "./homepage/titleContent";
import LatestApplications from "./homepage/latestApplications";
import DNSLinks from "./homepage/dnsLinks";
import ApplicationsForComment from "./homepage/applicationsForComment";

export default function Main({ children, pages }) {
    let { t } = useTranslation();

    const router = useRouter();
    const { locale } = router;

    return (
        <main
            className="govuk-main-wrapper govuk-main-wrapper--auto-spacing"
            id="main-content"
            role="main"
        >
            <div className="govuk-grid-row govuk-!-margin-bottom-0">
                <div className="govuk-grid-column-full govuk-!-padding-bottom-0">
                    <div className="flex-container grid-row govuk-body govuk-!-margin-bottom-0 ">
                        <TitleContent />
                        <LatestApplications />
                    </div>
                </div>
            </div>
            <div className="govuk-grid-row govuk-!-margin-top-0">
                <div className="govuk-grid-column-full">
                    <div className="flex-container grid-row govuk-body ">
                        <DNSLinks />
                        <ApplicationsForComment />
                    </div>
                </div>
            </div>
        </main>
    );
}