import React, { Component } from 'react'
import { Link } from 'react-router-dom'
import './BigTile.css'
import getTranslation from '../../i18n/'
/**
* Tile for the main categories on the homepage of the knowledge platform
*/
class BigTile extends Component {
render() {
return(
<Link to={this.props.link}>
<div className="bigtile">
<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 BigTile