24 lines
526 B
TypeScript
24 lines
526 B
TypeScript
import { PropsWithChildren } from 'react';
|
|
import { HashLink } from 'react-router-hash-link';
|
|
|
|
export function NavLink({
|
|
children,
|
|
route,
|
|
className = '',
|
|
}: PropsWithChildren<{
|
|
route: string;
|
|
className?: string;
|
|
}>) {
|
|
return (
|
|
<HashLink
|
|
className={
|
|
'text-[#ffffff] btn-text font-semibold border-l border-[#3D425C] mobile:hidden py-[30px] px-10 min-[1350px]:block hover:bg-[#3D425C] active:bg-[#14161F] ' +
|
|
className
|
|
}
|
|
to={route}
|
|
>
|
|
{children}
|
|
</HashLink>
|
|
);
|
|
}
|