'use client'

import { useTranslations } from 'next-intl';
import { useParams } from 'next/navigation'
import { IconEyeDashed } from '@/app/ui/icons/icons';

export default function ViolationPageTitle() {
	const t = useTranslations('Global');
	const params = useParams()
	const id = params.id

	return (
		<div className="page-title-color-frame violation-page">
			<div
				className="violation-page-icon"
			>
				<IconEyeDashed />
			</div>
			<div>
				<h1>
					file id: {id}
				</h1>
				<div
					className="violation-page-info"
				>
					<span>
						fileType
					</span>

					<span>
						fileSize
					</span>

					<span>
						fileViolationDate
					</span>

					<span>
						fileViolationType
					</span>
				</div>
			</div>
		</div>
	)
}