import { Button } from "@/components/ui/button";
import { GiHamburgerMenu } from "react-icons/gi";
import { IoClose } from "react-icons/io5";

interface MobileMenuButtonProps {
  isOpen: boolean;
  onClick: () => void;
}

export default function MobileMenuButton({
  isOpen,
  onClick,
}: MobileMenuButtonProps) {
  return (
    <Button
      variant="radial-gradient-white"
      size="icon"
      className="lg:hidden"
      onClick={onClick}
    >
      {isOpen ? (
        <IoClose className="size-6" />
      ) : (
        <GiHamburgerMenu className="size-6" />
      )}
    </Button>
  );
}