import PageTitleColorFrame from '@/app/ui/page-title-color-frame';
import ViolationsMyComplaint from '@/app/ui/violations/violations-my-complaint';
import ViolationsCheckAllSection from '@/app/ui/violations/violations-check-all-section';
import ViolationsTable from '@/app/ui/violations/violations-table';
import ViolationsStatistic from '@/app/ui/violations/violations-statistic';
import AnalyticsCardGeography from '@/app/ui/reports/analytics-card-geography';
import AnalyticsCardDistribution from '@/app/ui/reports/analytics-card-distribution';
import ViolationsMyClaims from '@/app/ui/violations/violations-my-claims';
import ViolationsLastCombinedCases from '@/app/ui/violations/violations-last-combined-cases';
import { ViolationsMyComplaintsTable } from '@/app/ui/violations/tables/violations-my-complaints-table';
import { ViolationsMyClaimsTable } from '@/app/ui/violations/tables/violations-my-claims-table';

export default function Page() {
	return (
		<>
			<PageTitleColorFrame
				title="monitoring-copyright-infringements"
				description="monitoring-copyright-infringements-description"
			/>
			<ViolationsStatistic />
			<ViolationsCheckAllSection />
			<ViolationsTable />
			<ViolationsLastCombinedCases />
			{/* 			<ViolationsMyComplaint />
			<ViolationsMyClaims /> */}
			<div className="analytics-grid">
				<AnalyticsCardDistribution />
				<AnalyticsCardGeography />
			</div>
			<div className="analytics-grid">
				<ViolationsMyClaimsTable />
				<ViolationsMyComplaintsTable />
			</div>
		</>
	)
}