'use client'
const { useState } = require("react");
import { VscClose } from "react-icons/vsc";
import { CiMenuBurger } from "react-icons/ci";
import { FaHamburger } from "react-icons/fa";

const Hamburger = () => {
    // const [isSidebarOpen, setIsSidebarOpen] = useState(false);
    const [isOpen, setIsOpen] = useState(false);

    // const handleSidebarToggle = () => {
    //     setIsSidebarOpen(!isSidebarOpen);
    //   };

    return (
        <div>
            {/* <button
                className={`md:hidden fixed z-10 text-white p-2 rounded-md ${isSidebarOpen ? 'transform rotate-90 z-50' : ''
                    }`}
                onClick={handleSidebarToggle}
            >
                <svg class="h-8 w-8 text-blue-500" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                    <path stroke="none" d="M0 0h24v24H0z" />  <line x1="20" y1="6" x2="9" y2="6" />  <line x1="20" y1="12" x2="13" y2="12" />  <line x1="20" y1="18" x2="9" y2="18" />  <path d="M4 8l4 4l-4 4" />
                </svg>
            </button>
            {isSidebarOpen ? <VscClose /> : <CiMenuBurger />} */}

<button
                onClick={() => setIsOpen(!isOpen)}
                className="p-4 fixed top-2 right-14 z-50 text-gray-800 dark:text-gray-200 sm:hidden text-lg"
            >
                {/* <FaHamburger /> */}
                {isOpen ? <VscClose /> : <CiMenuBurger />}
            </button>
        </div>
    )
}

export default Hamburger;