import React from "react";
import { serverSideTranslations } from "next-i18next/serverSideTranslations";
import { useTranslation } from "next-i18next";

import MainLayout from "@/layouts/MainLayout";
import HomeComponent from "@/components/Home";

export default function Home() {
  const { t } = useTranslation();
  return (
    <MainLayout title={t("Home")}>
      <HomeComponent />
    </MainLayout>
  );
}

export const getServerSideProps = async ({ req, locale }) => {
  return {
    props: {
      ...(await serverSideTranslations(locale, ["common"])),
      cookieBe: req.headers["accept-language"],
    },
  };
};