38 lines
930 B
TypeScript
38 lines
930 B
TypeScript
import React from "react";
|
|
import Image from "next/image";
|
|
|
|
const Reserve = () => {
|
|
return (
|
|
<div>
|
|
<div className="right-2 hidden xl:block">
|
|
<button className="btn btn-primary text-lg text-accent">
|
|
<span className="flex flex-col">
|
|
<span className="flex flex-col">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;
|