manifold/web/components/site-link.tsx

36 lines
739 B
TypeScript
Raw Normal View History

2021-12-30 20:03:32 +00:00
import clsx from 'clsx'
import Link from 'next/link'
export const SiteLink = (props: {
href: string
children: any
className?: string
}) => {
const { href, children, className } = props
return href.startsWith('http') ? (
<a
href={href}
className={clsx(
'z-10 hover:underline hover:decoration-indigo-400 hover:decoration-2',
className
)}
onClick={(e) => e.stopPropagation()}
>
{children}
</a>
) : (
2021-12-30 20:03:32 +00:00
<Link href={href}>
<a
className={clsx(
'z-10 hover:underline hover:decoration-indigo-400 hover:decoration-2',
2021-12-30 20:03:32 +00:00
className
)}
onClick={(e) => e.stopPropagation()}
>
{children}
</a>
</Link>
)
}