export default function ViolationPageViolationInfo() {
	return (
		<div
			className="block-wrapper"
		>
			<div className="card-header">
				<h3 className="card-title">
					Информация о нарушении
				</h3>
			</div>

			<div className="info-row">
				<span className="info-label">Тип нарушения</span>
				<span className="info-value">Неавторизованное использование</span>
			</div>

			<div className="info-row">
				<span className="info-label">Дата обнаружения</span>
				<span className="info-value">28.02.2026 07:48</span>
			</div>

			<div className="info-row">
				<span className="info-label">Уверенность</span>
				<span className="info-value">85%</span>
			</div>

			<div
				className="violation-source"
			>
				<div
					className="violation-source-title"
				>
					Источник нарушения:
				</div>
				<div className="url-display">
					<a href="#" target="_blank" className="url-link">
						url
					</a>
				</div>
			</div>

			<div className="notes-section">
				<div className="notes-title">📝 Заметки:</div>
				<div className="notes-content">
					<span>Заметок пока нет. Вы можете добавить первую заметку ниже.</span>
				</div>
			</div>
		</div>
	)
}