import React from "react";

import noOrderImg from "../../../../../../assets/images/img-my-info-billing.png";
import CustomImage from "../../../../../components/CustomImage/CustomImage";
import { $L } from "../../../../../utils/helperMethods";
import css from "./NoOrderList.module.less";

export default function NoOrderList() {
  return (
    <div className={css.noOrderList}>
      <CustomImage src={noOrderImg} alt="No Data" />
      <p className={css.title}>{$L("THERE IS NO ORDER HISTORY")}</p>
      <span className={css.desc}>
        {$L("Use search above to find past orders.")}
      </span>
    </div>
  );
}
