import AccountHeader from "@/components/shared/account-header";
import { useTranslation } from "react-i18next";
import CompareTable from "./table";

export default function Compare() {
  const { t } = useTranslation("compare");

  return (
    <main>
      <AccountHeader
        title={t("header.title")}
        label1={t("breadcrumb.home")}
        label2={t("breadcrumb.compare")}
        href="compare"
      />

      <section className="container relative max-w-screen-xl px-5 py-8 mx-auto xl:px-0">
        <CompareTable />
      </section>
    </main>
  );
};