import React from "react";
import Image from "next/image";

const Reserve = () => {
  return (
    <div>
      <div className="right-2 hidden xl:block">
        <button className="btn btn-primary text-lg text-accent">
          <span className="flex flex-col">
            <span className="flex flex-col">ORDER ONLINE</span>
          </span>
          <Image
            src="/fork.svg"
            width={20}
            height={20}
            alt="fork"
          />
        </button>
      </div>
      <div className="flex top-2 hidden md:block xl:hidden">
        <button className="btn btn-primary text-md text-accent">
          <span className="">
            <span className="">ORDER ONLINE</span>
          </span>
          <Image
            src="/fork.svg"
            width={10}
            height={10}
            alt="fork"
          />
        </button>
      </div>
    </div>
  );
};

export default Reserve;
