"use client";

import { Typography } from "@material-tailwind/react";
import Image from "next/image";

import emptyBox from "../../public/img/empty-box.png";
import { _useScopedI18n } from "../i18n/client";

export default function EmptyLegacyOrderMessageForOrdersPage() {
  const scopeT = _useScopedI18n(
    "sharedComponents.emptyLegacyOrderMessageForOrdersPage",
  );

  return (
    <>
      <div className="px-3 md:px-5 mr-1 flex cartAutoHeight">
        <div className="">
          <ul className="flex flex-col gap-y-6">{}</ul>
        </div>
        <div className="flex items-center justify-center flex-col w-full">
          <Image
            src={emptyBox.src}
            alt="emptyBox"
            width={100}
            height={100}
            className="mb-5"
          />
          <Typography
            variant="h6"
            className="text-center md:text-lg font-semibold text-black-500 mb-5"
          >
            {scopeT("title")}
          </Typography>
          {/* <Typography
                        variant="h6"
                        className="text-center font-medium text-slate-400"
                    >
                        {scopeT('subTitle')}
                        <Link
                            href="https://kmall.io/auth"
                            target="_blank"
                            className="font-bold"
                        >
                            {scopeT('linkText')}
                        </Link>
                        {scopeT('message')}
                    </Typography> */}
        </div>
      </div>
    </>
  );
}
