"use client";

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

import SEO from "@/components/shared/SEO";

// Dynamically import Checkout to avoid SSR issues
const Checkout = dynamic(() => import("@/features/checkout"), {
  ssr: false,
});

export default function CheckoutPage() {
  const { t } = useTranslation("checkout");

  return (
    <>
      <SEO
        title={t("seo.title", "Checkout")}
        description={t(
          "seo.description",
          "Complete your purchase and place your order"
        )}
        keywords={t("seo.keywords", "checkout, payment, order")}
        type="website"
        noindex={true}
      />

      <Checkout />
    </>
  );
}