import { Metadata } from 'next';
import { Suspense } from 'react';
import ButtonTest from '@/app/ui/button-test'
import ProtectionOverview from '@/app/ui/dashboard/protection-overview';
import StatsGrid from '@/app/ui/dashboard/stats-grid';
import StorageBreakdown from '@/app/ui/dashboard/storage-breakdown';
import RecentFilesList from '@/app/ui/dashboard/recent-files-list';
import ChartContainer from '@/app/ui/dashboard/chart-container';
import UserInfo from '@/app/ui/dashboard/user-info';
import ViolationsTable from '@/app/ui/dashboard/violations-table';
import ViolationsTypeTable from '@/app/ui/dashboard/violations-type-table';
import ActivityChart from '@/app/ui/dashboard/activity-chart';

export const metadata: Metadata = {
	title: 'Dashboard',
};

export default function Page() {
	return (
		<div>
			<Suspense fallback={<>...</>}>
				<h1 className="page-title">Статистика</h1>
				<ProtectionOverview />
				<StatsGrid />
				<StorageBreakdown />
				<ChartContainer />
				<ViolationsTable />
				<ViolationsTypeTable />
			</Suspense>
		</div>
	);
}