Unlisted
Back
Version 8
2/26/2024
/** @jsxImportSource https://esm.sh/react */
const tabs = ["/home", "/browse", "/faq"];
export default function({ activeTab, children }) {
return (
<html>
<head>
<title>Date Me Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script src="https://cdn.tailwindcss.com" />
</head>
<body>
<div className="p-4 space-x-4 flex">
<div className="font-bold">Date Me Directory</div>
{tabs.map((tab) => (
<button
key={tab}
className={`${activeTab === tab ? "" : "text-gray-400 hover:text-gray-500"}`}
>
{tab}
</button>
))}
</div>
{children}
</body>
</html>
);
}
Updated: February 27, 2024