import React, { Component } from 'react';
import { withNamespaces } from 'react-i18next';
/**
* Dashboard
* @extends Component
* @hideconstructor
*/
class Dashboard extends Component {
render() {
const { t } = this.props;
return (
<div className="content-wrapper">
<section className="content-header">
<h1>
{t('sidebar.dashboard')}
<small>{t('dashboard.welcome')}</small>
</h1>
<ol className="breadcrumb">
<li><a href="#"><i className="fa fa-dashboard"></i> {t('sidebar.dashboard')}</a></li>
</ol>
</section>
<section className="content">
<div className="row">
{/*<div className="col-md-5">*/}
{/*<div className="box">*/}
{/*<div className="box-header with-border">*/}
{/*<div className="col-xs-6">*/}
{/*<h3 className="box-title">Monitored areas</h3>*/}
{/*</div>*/}
{/*</div>*/}
{/*<div class="box-body">*/}
{/*<div class="info-box">*/}
{/*<span class="info-box-icon bg-aqua"><i class="fa fa-camera"></i></span>*/}
{/*<div class="info-box-content">*/}
{/*<span class="info-box-text"><a href="/MonitoredArea"> Monitored area</a></span>*/}
{/*<p>Do you want to choose Monitored area and see how many vehicles passed this area during specified time?</p>*/}
{/*<br />*/}
{/*<p className="text-right"><a href="/MonitoredArea">Lets see... </a></p>*/}
{/*</div>*/}
{/*</div>*/}
{/*</div>*/}
{/*<div class="box-footer">*/}
{/*<p class="text-right"></p>*/}
{/*</div>*/}
{/*</div>*/}
{/*</div>*/}
</div>
</section>
</div >
)
}
}
export default withNamespaces()(Dashboard);