29 lines
533 B
TypeScript
29 lines
533 B
TypeScript
|
import NavTabs from "./NavTabs";
|
||
|
|
|
||
|
|
export default function BookingsShell(props) {
|
||
|
|
const tabs = [
|
||
|
|
{
|
||
|
|
name: "Upcoming",
|
||
|
|
href: "/bookings/upcoming",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "Past",
|
||
|
|
href: "/bookings/past",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "Cancelled",
|
||
|
|
href: "/bookings/cancelled",
|
||
|
|
},
|
||
|
|
];
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div>
|
||
|
|
<div className="sm:mx-auto">
|
||
|
|
<NavTabs tabs={tabs} linkProps={{ shallow: true }} />
|
||
|
|
<hr />
|
||
|
|
</div>
|
||
|
|
<main className="max-w-4xl">{props.children}</main>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|