"use client";

import { useState } from "react";
import { MessageCircle } from "lucide-react";
import ChatbotModal from "./complaintChatBot/page";
import { useGlobalContext } from "@/context/Provider";

export default function GlobalChatbot() {
  const { userInfo } = useGlobalContext();
  const [open, setOpen] = useState(false);

  if (!userInfo) return null;

  return (
    <>
      <div className="fixed bottom-6 right-6 z-[9999]">
        <button
          onClick={() => setOpen(true)}
          className="bg-primary text-white p-4 rounded-full shadow-lg hover:bg-brand-400 hover:scale-110 transition-all duration-200"
        >
          <MessageCircle size={24} />
        </button>
      </div>

      <ChatbotModal isOpen={open} onClose={() => setOpen(false)} />
    </>
  );
}