import { Component } from '@angular/core';
import { ActivitiesWidget } from './components/activities-widget.component';
import { StatsWidget } from './components/statswidget';
import { CurrentProjectsWidget } from './components/current-projects-widget.component';

@Component({
    selector: 'app-dashboard',
    imports: [StatsWidget, CurrentProjectsWidget, ActivitiesWidget],
    template: `
        <div class="mb-5">
            <h1 >Dashboard</h1>
            <p class="my-4 text-lg text-gray-500">Willkommen zurück! Hier ist ein Überblick über Ihr Portfolio.</p>
        </div>

        <div class="grid grid-cols-12 gap-8">
            <app-stats-widget class="contents" />
            <div class="col-span-12 xl:col-span-6">
                <app-current-projects-widget />
            </div>
            <div class="col-span-12 xl:col-span-6">
                <app-activities-widget />
            </div>
        </div>
    `
})
export class Dashboard {}