14 lines
358 B
TypeScript
14 lines
358 B
TypeScript
|
import type { PropsWithChildren } from "react";
|
||
|
|
import { Link } from "@remix-run/react";
|
||
|
|
|
||
|
|
export default function NavLink({ href, children }: PropsWithChildren<{ href: string }>) {
|
||
|
|
return (
|
||
|
|
<Link
|
||
|
|
to={href}
|
||
|
|
className="inline-block rounded-lg py-1 px-2 text-sm text-slate-700 hover:bg-slate-100 hover:text-slate-900"
|
||
|
|
>
|
||
|
|
{children}
|
||
|
|
</Link>
|
||
|
|
);
|
||
|
|
}
|