import React from 'react';
import { __ } from '@wordpress/i18n';

const Dashboard = () => {
    return(
        <div className="appPage">
            <h1>{__('Dashboard', 'gepafin')}</h1>

            <div className="statsBigBadges">
                <h2>{__('Panoramica di Sistema', 'gepafin')}</h2>
                <div className="statsBigBadges__grid">
                    <div className="statsBigBadges__gridItem">
                        <span>{__('Bandi Attivi', 'gepafin')}</span>
                        <span>12</span>
                    </div>
                    <div className="statsBigBadges__gridItem">
                        <span>{__('Utenti Registrati', 'gepafin')}</span>
                        <span>1250</span>
                    </div>
                    <div className="statsBigBadges__gridItem">
                        <span>{__('Domande in Pre-istruttoria', 'gepafin')}</span>
                        <span>45</span>
                    </div>
                    <div className="statsBigBadges__gridItem">
                        <span>{__('Totale Finanziamenti attivi', 'gepafin')}</span>
                        <span>€15M</span>
                    </div>
                </div>
            </div>
        </div>
    )
}

export default Dashboard;