"use client";
import React from "react";
import Image from "next/image";
import { Button } from "@/components/ui/button";

const Reserve = () => {
  return (
    <div>
      <div className="right-2 hidden md:block">
        <Button className="xl:text-lg  bg-red-800 hover:bg-slate-600">
          <span className="flex flex-row">
            <span className="flex flex-row">ORDER ONLINE</span>
          </span>
          <Image
            src="/fork.svg"
            width={30}
            height={30}
            alt="fork"
            className="pl-2 xl:block hidden"
          />
          <Image
            src="/fork.svg"
            width={25}
            height={25}
            alt="fork"
            className="pl-2 xl:hidden block"
          />
        </Button>
      </div>
    </div>
  );
};

export default Reserve;
