import { useTranslations } from 'next-intl';
export default function InvitationsTable() {
	const t = useTranslations('Global');
	return (
		<div className="block-wrapper">
			<div className="section-title">
				<span className="icon">📋</span>
				История приглашений
			</div>

			<div className="stats-grid">
				<div className="stats-item left-top-corner stats-header">
					Email
				</div>
				<div className="stats-item stats-header">
					Статус
				</div>
				<div className="stats-item stats-header">
					Заработано
				</div>
				<div className="stats-item stats-header">
					Дата приглашения
				</div>
				<div className="stats-item last-column right-top-corner stats-header">
					Регистрация
				</div>

				<div className="stats-item first-column second-row">
					email@mail.com
				</div>
				<div className="stats-item second-row">
					{t('status')}
				</div>
				<div className="stats-item second-row">
					0
				</div>
				<div className="stats-item second-row">
					0
				</div>
				<div className="stats-item second-row last-column">
					0
				</div>

				<div className="stats-item first-column">
					email@mail.com
				</div>
				<div className="stats-item">
					{t('status')}
				</div>
				<div className="stats-item">
					0
				</div>
				<div className="stats-item">
					0
				</div>
				<div className="stats-item last-column">
					0
				</div>

				<div className="stats-item last-row left-bottom-corner first-column">
					email@mail.com
				</div>
				<div className="stats-item last-row">
					{t('status')}
				</div>
				<div className="stats-item last-row">
					0
				</div>
				<div className="stats-item last-row">
					0
				</div>
				<div className="stats-item last-row last-column right-bottom-corner">
					0
				</div>
			</div>
		</div>
	)
}