"use client";

import Navbar from "../../components/landing-page/Navbar/Navbar";
import { useMessages } from 'next-intl';
import { usePathname, useRouter } from "next/navigation";
import { useState, useEffect } from "react";

export default function Home(props) {
  const pathname = usePathname();
  const router = useRouter();
  const [locale, setLocale] = useState(props.params.locale);

  useEffect(()=>{
    if (locale != props.params.locale) {
      console.log("hello");
      router.replace(pathname, {locale: locale}); // does nothing;
    }
  }, [locale])

  return (
    <main>
      <Navbar locale={locale} setLocale={setLocale}/>
    </main>
  );
}