40 lines
988 B
TypeScript
40 lines
988 B
TypeScript
"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;
|