import React from 'react'
import { Link } from 'atoms/Link'
import { Image } from 'atoms/Image'
import { ImageWithLinkProps } from './typings'

class ImageWithLink extends React.PureComponent<ImageWithLinkProps> {
  static defaultProps = {
    className: '',
    url: '',
    src: '',
    alt: 'No preview',
  }

  render() {
    const { className, dataQa, url, src, alt } = this.props
    return (
      <Link className={className} data-qa={dataQa} to={url}>
        <Image src={src} alt={alt} />
      </Link>
    )
  }
}

export { ImageWithLink }
export default ImageWithLink