25 lines
692 B
JavaScript
25 lines
692 B
JavaScript
|
import Link from 'next/link'
|
||
|
|
|
||
|
|
const linkClasses =
|
||
|
|
'underline decoration-2 hover:decoration-4 text-secondary hover:text-secondary-focus'
|
||
|
|
|
||
|
|
const AnchorLink = ({ id, txt = false, children }) => (
|
||
|
|
<a href={`#${id}`} className={linkClasses} title={txt ? txt : ''}>
|
||
|
|
{txt ? txt : children}
|
||
|
|
</a>
|
||
|
|
)
|
||
|
|
|
||
|
|
const PageLink = ({ href, txt = false, children }) => (
|
||
|
|
<Link href={href} className={linkClasses} title={txt ? txt : ''}>
|
||
|
|
{children ? children : txt}
|
||
|
|
</Link>
|
||
|
|
)
|
||
|
|
|
||
|
|
const WebLink = ({ href, txt = false, children }) => (
|
||
|
|
<a href={href} className={linkClasses} title={txt ? txt : ''}>
|
||
|
|
{children ? children : txt}
|
||
|
|
</a>
|
||
|
|
)
|
||
|
|
|
||
|
|
export { linkClasses, Link, AnchorLink, PageLink, WebLink }
|