
import { useNavigate } from "react-router-dom";
import { RxCross2 } from "react-icons/rx";
import { FaRegClock } from "react-icons/fa";

const LiveChat = ({ setShowLiveChat }) => {



  return (
    <>
      <div className="h-[50px] absolute flex justify-between text-white text-[19px] rounded-tr-md rounded-tl-md w-full items-center bg-[var(--primary)]  py-[10px] px-2">
        <div></div>
        Live Chat
        <RxCross2
          className="text-white cursor-pointer"
          onClick={() => setShowLiveChat(false)}
        />
      </div>


      
        
        
        <div className="flex justify-end items-center w-full pt-4">
          <button
            onClick={() => setShowLiveChat(false)}
            // onClick={() => window.location.href = `/dashboard`}
            className=" top-0 right-0 mr-4 px-2 py-1.5 text-sm rounded text-white bg-[var(--primary)]">
            Close
          </button>
        </div>



    </>
  );
};

export default LiveChat;