import React from 'react'
import cn from 'classnames'
import { Icon } from 'UI';

function TextLink({
  target = '_blank',
  href = '',
  icon = '',
  label='',
  className = ''
}) {
  return (
    <a
      target={target}
      className={cn('cursor-pointer flex items-center default-hover', className)}
      href={href}
    >
        { icon && <Icon name={icon} size="16" color="gray-medium" marginRight="5" /> }
        {label}
    </a>
  )
}

export default TextLink