import { CashIcon, VisaIcon, WalletIcon } from "@/assets/svgs/Icons";
import { useTranslations } from "next-intl";

const RenderPaymentInfo = ({ payment_method }: { payment_method: string }) => {
  const t = useTranslations();
  return payment_method == "cash" ? (
    <div className="flex items-center gap-2  font-bold ">
      <CashIcon />
      {t("Text.cash")}
    </div>
  ) : payment_method == "card" ? (
    <div className="flex items-center gap-2  font-bold ">
      <VisaIcon />
      {t("status.card")}
    </div>
  ) : (
    <div className="flex items-center gap-2  font-bold ">
      <WalletIcon />
      {t("status.wallet")}
    </div>
  );
};

export default RenderPaymentInfo;