'use client'

import { useTranslations } from 'next-intl';

export default function ProtectionSummary() {
	const t = useTranslations('Global');

	return (
		<div className="protection-overview grow">
			<h3>{t('protecting-your-content')}</h3>
			<p>{t('current-status-of')}</p>
			<div className="protection-stats">
				<div className="protection-stat total-files">
					<div className="protection-stat-value">0</div>
					<div className="protection-stat-label">{t('total-files')}</div>
				</div>
				<div className="protection-stat total-checks">
					<div className="protection-stat-value">0</div>
					<div className="protection-stat-label">{t('check')}</div>
					<div className="protection-stat-value">0</div>
					<div className="protection-stat-label">{t('violations')}</div>
				</div>
				<div className="protection-stat total-usage">
					<div className="protection-stat-value">0 / 0</div>
					<div className="protection-stat-label">
						{t('disk-space-used')}
					</div>
				</div>
			</div>
		</div>
	)
}