"use client";
import React, { useContext } from "react";
import AppContext from "@ctx/AppContext";

const Loading = ({ rateId }) => {
  const CTX = useContext(AppContext);
  const loading = CTX.state.loading;

  return (
    <>
      <div
        className={`fixed w-full tr03 z-50 ${
          loading ? "bottom-5 " : "bottom-[-100px] "
        } `}
      >
        <div className="bg-primary-300 w-fit  rounded-full px-1 py-2 flex rtl m-3 ">
          <p className="mb-0 text-white mx-2 blacj ">لطفا صبر کنید</p>
        </div>
      </div>
    </>
  );
};
export default Loading;