33 lines
753 B
TypeScript
33 lines
753 B
TypeScript
|
import { Link } from 'react-router-dom'
|
||
|
|
import classNames from 'classnames'
|
||
|
|
import type { PropsWithChildren } from 'react'
|
||
|
|
|
||
|
|
export type HorizontalMenuNavLinkProps = PropsWithChildren<{
|
||
|
|
path: string
|
||
|
|
isExternalLink?: boolean
|
||
|
|
className?: string
|
||
|
|
}>
|
||
|
|
|
||
|
|
const HorizontalMenuNavLink = ({
|
||
|
|
path,
|
||
|
|
children,
|
||
|
|
isExternalLink,
|
||
|
|
className
|
||
|
|
}: HorizontalMenuNavLinkProps) => {
|
||
|
|
return (
|
||
|
|
<Link
|
||
|
|
className={
|
||
|
|
classNames(
|
||
|
|
'h-full w-full flex items-center',
|
||
|
|
className
|
||
|
|
)}
|
||
|
|
to={path}
|
||
|
|
target={isExternalLink ? '_blank' : ''}
|
||
|
|
>
|
||
|
|
<span>{children}</span>
|
||
|
|
</Link>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export default HorizontalMenuNavLink
|