Portfolio/Websites/jefes-nextjs/app/components/NavBar/reserveButton.tsx
2023-12-23 22:21:05 -08:00

35 lines
858 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 size='sm' className="xl:text-lg bg-red-800 hover:bg-slate-800 text-xs">
<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={20}
height={20}
alt="fork"
className="pl-2 xl:hidden block"
/> */}
</Button>
</div>
</div>
);
};
export default Reserve;