"use client";

import CardCart from "@comp/Cards/CardCart/page";
import AppContext from "@ctx/AppContext";
import Link from "next/link";
import PersianNumber from "plugins/PersianNumber";
import React, { useContext } from "react";
import { BottomSheet } from "react-spring-bottom-sheet";
import { toast } from "react-toastify";

const BottomSheetDiscount = (props) => {
  const CTX = useContext(AppContext);
  const cart = CTX.state.cart;

  return (
    <BottomSheet
      open={CTX.state.bottomSheetDiscountOpen}
      onDismiss={() => CTX.setBottomSheetDiscountOpen(false)}
      className={"z-50 relative"}
    >
      <div className="text-center p-3">
        <p className="mb-0 text-sm  pb-3">افزودن کد تخفیف </p>
      </div>

      <div className="p-3">
        <input
          type="text"
          className="form-control  bg-white !border-[1px] focus:!border-[1px]  border-gray-400 focus:!border-gray-300 rounded-lg text-right !text-sm tr03   "
          placeholder="کد را وارد کنید"
        />
      </div>
      <div className="w-full p-3 ">
        <button className="btn btn-primary text-sm w-full py-3 rounded-3xl">
          برسی کد تخفیف{" "}
        </button>
      </div>
    </BottomSheet>
  );
};

export default BottomSheetDiscount;
