'use client'

import { useParams } from 'next/navigation'
import ViolationPageTitle from '@/app/ui/violations/file-page/violation-page-title';
import ViolationPageViolationInfo from '@/app/ui/violations/file-page/violation-page-violation-info';
import ViolationPpageFileStatistic from '@/app/ui/violations/file-page/violation-page-file-statistic';
import ViolationPageFileInfo from '@/app/ui/violations/file-page/violation-page-file-info';
import ViolationPageActions from '@/app/ui/violations/file-page/violation-page-actions';
import ViolationPageViolationsList from '@/app/ui/violations/file-page/violation-page-violations-list';
import ViolationPageNote from '@/app/ui/violations/file-page/violation-page-note';

/* violation-details */
export default function Page() {
	const params = useParams()
	const id = params.id

	return (
		<div
			className="violation-details"
		>
			<ViolationPageTitle />
			<div
				className="grid grid-cols-[2fr_1fr] gap-3"
			>
				<div>
					<ViolationPageViolationInfo />
					<ViolationPageViolationsList />
					<ViolationPageNote />
				</div>
				<div>
					<ViolationPpageFileStatistic />
					<ViolationPageFileInfo />
					<ViolationPageActions />
				</div>
			</div>

		</div>
	)
}