26 lines
627 B
TypeScript
26 lines
627 B
TypeScript
const links = [
|
|
{ href: "/", label: "Home" },
|
|
{ href: "/sign-in", label: "Sign in" },
|
|
{ href: "/sign-up", label: "Sign up" },
|
|
{ href: "/dashboard", label: "Dashboard" },
|
|
];
|
|
|
|
export default function Header() {
|
|
return (
|
|
<div class="navbar bg-base-100 shadow-sm">
|
|
<div class="flex-1">
|
|
<a class="btn btn-ghost text-xl">daisyUI</a>
|
|
</div>
|
|
<div class="flex-none">
|
|
<ul class="menu menu-horizontal px-1">
|
|
{links.map((l) => (
|
|
<li key={l.href}>
|
|
<a href={l.href}>{l.label}</a>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|