35 lines
824 B
TypeScript
35 lines
824 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 md:block">
|
|
<Button className="xl:text-lg border bg-transparent">
|
|
<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;
|