Source: components/bigtile/BigTileBlue.js

import React, { Component } from 'react'
import { Link } from 'react-router-dom'
import './BigTile.css'
import getTranslation from '../../i18n/'

/**
 * Tile for the teaser to the knowledge platform in the sidebar of the landing page
 */
class BigTileBlue extends Component {

  render() {
    return(
        <Link to={this.props.link}>
      <div className="bigtileblue">
        <h3>{getTranslation(this.props.title)} </h3>
        <div className="icon">
          <i className={'fa fa-'+this.props.icon} aria-hidden="true"></i>
        </div>
        <div className="categorie-description">
          <p>{getTranslation(this.props.description)}</p>
          <button className="btn btn-blue">{getTranslation(this.props.linktitle)}</button>
        </div>
      </div>
      </Link>
    )
  }
}

export default BigTileBlue