import React from 'react'

// @ts-ignore
// import LinkStyles from './Link.module.css'

interface Props {
  children?: React.ReactNode
  target?: '_blank' | '_self' | '_parent' | '_top' | 'framename'
  href?: string
  className?: string
  style?: React.CSSProperties
  onClick?: any
}

function Link({ children, target = '_blank', href, onClick, style }: Props) {
  // let classes = [
  //   LinkStyles['sbui-typography'],
  //   LinkStyles['sbui-typography-link'],
  // ]
  // if (className) {
  //   classes.push(className)
  // }

  return (
    <a
      onClick={onClick}
      // className={classes.join(' ')}
      href={href}
      target={target}
      rel="noopener noreferrer"
      style={style}
    >
      {children}
    </a>
  )
}

export default Link
