<script setup>
import StatsWidget from '@/components/dashboard/StatsWidget.vue';
import NotificationsWidget from '@/components/dashboard/NotificationsWidget.vue';
import RevenueStreamWidget from '@/components/dashboard/RevenueStreamWidget.vue';
</script>

<template>
	<div class="card mb-0">
		<div class="flex justify-between mb-4">
			<div>
				<span class="text-primary font-medium">Área</span>
				<span class="text-muted-color"> do Supervisor</span>
			</div>
			<div class="flex items-center justify-center bg-purple-100 dark:bg-purple-400/10 rounded-border" style="width: 2.5rem; height: 2.5rem">
				<i class="pi pi-eye text-purple-500 text-xl!"></i>
			</div>
		</div>
		<p class="text-muted-color text-sm mt-0">
			Supervisione sessões, evolução dos pacientes e indicadores da clínica.
		</p>
	</div>

	<div class="grid grid-cols-12 gap-8">
		<StatsWidget />

		<div class="col-span-12 xl:col-span-6">
			<RevenueStreamWidget />
		</div>
		<div class="col-span-12 xl:col-span-6">
			<NotificationsWidget />
		</div>
	</div>
</template>
