Banda-Media/lunchMemo

export interface MenuButtonProps {
  click: () => void;
}

const MenuButtonMobile: React.FC<MenuButtonProps> = ({ click }) => {
  return (
    <div className="block lg:hidden">
      <button
        id="nav-toggle"
        onClick={click}
        className="flex items-center px-3 py-2 border rounded text-gray-500 border-gray-600 hover:text-white hover:border-white">
        <svg
          className="fill-current h-3 w-3"
          viewBox="0 0 20 20"
          xmlns="http://www.w3.org/2000/svg">
          <title>Menu</title>
          <path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" />
        </svg>
      </button>
    </div>
  );
};
export default MenuButtonMobile;