text: import React from "react";
  import { Link } from "react-router-dom";
  
  export const Dropdown = ({ isOpen, toggle }) => {
    return (
      <div
        className={
          isOpen
            ? "grid grid-rows-4 text-center items-center bg-yellow-500 "
            : "hidden"
        }
        onClick={toggle}
      >
        <Link className="p-4" to="/">
          Home
        </Link>
        <Link className="p-4" to="/about">
          About
        </Link>
        <Link className="p-4" to="/marketplace">
          Marketplace
        </Link>
        <Link className="p-4" to="/contact">
          Contact
        </Link>
        <Link className="p-4" to="/">
          Connect Wallet
        </Link>
      </div>
    );
  };
  