"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 xl:block">
        <Button className="text-lg text-accent bg-red-800">
          <span className="flex flex-row">
            <span className="flex flex-row">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;
