import React from 'react'
import styles from './index.module.scss'

const EXTERNAL_URL_RE = /^https?/

export interface LinkProps {
  href?: string
  children?: React.ReactNode
  className?: string
}

export function Link(props: LinkProps) {
  const { href = '/', children, className = '' } = props
  const isExternal = EXTERNAL_URL_RE.test(href)
  const target = isExternal ? '_blank' : ''
  const rel = isExternal ? 'noopener noreferrer' : undefined
  return (
    <a
      href={href}
      target={target}
      rel={rel}
      className={`${styles.link} ${className}`}
    >
      {children}
    </a>
  )
}