30 lines
744 B
TypeScript
30 lines
744 B
TypeScript
'use client'
|
|
|
|
import Link from 'next/link'
|
|
|
|
export default function NavLink({
|
|
href,
|
|
children,
|
|
}: {
|
|
href: string
|
|
children: React.ReactNode
|
|
}) {
|
|
return (
|
|
<Link
|
|
href={href}
|
|
className="text-sm px-3 py-1.5 rounded-lg transition-colors"
|
|
style={{ color: 'var(--text-secondary)' }}
|
|
onMouseEnter={(e) => {
|
|
;(e.currentTarget as HTMLElement).style.backgroundColor = 'var(--surface)'
|
|
;(e.currentTarget as HTMLElement).style.color = 'var(--text-primary)'
|
|
}}
|
|
onMouseLeave={(e) => {
|
|
;(e.currentTarget as HTMLElement).style.backgroundColor = 'transparent'
|
|
;(e.currentTarget as HTMLElement).style.color = 'var(--text-secondary)'
|
|
}}
|
|
>
|
|
{children}
|
|
</Link>
|
|
)
|
|
}
|