/* removed */

export default function UserInfo() {
	return (
		<div className="user-info block-wrapper">
			<h3 className="chart-title">Ваши данные</h3>
			<div className="user-data">
				<div className="user-field">
					<strong>USER NAME</strong>
				</div>
				<div className="user-field">
					Email: test@te.te
				</div>
				<div className="user-field">
					Подписка: <strong>TYPE</strong>
				</div>
				<div className="user-field">
					Подписка активна до: <strong>DATE</strong>
				</div>
				<div className="user-field user-field-limit">
					<div className="user-field-limit-title">Лимиты подписки:</div>
					<div className="user-field-limit-text">
						📁 Файлов в месяц:
						<span> 12 / 100</span>
					</div>
					<div className="user-field-limit-text">
						💾 Хранилище: 1 ГБ
					</div>
					<div className="user-field-limit-progress-bar">
						<div className="user-field-limit-progress-fill"></div>
					</div>
					<div className="user-field-limit-footer">
						Использовано: 12%
					</div>
				</div>
			</div>
			<button className="btn btn-primary" style={{ width: "100%" }}>
				Обновить данные
			</button>
			<div className="stats-mini">
				<div className="stat-mini">
					<div className="stat-mini-value">12</div>
					<div className="stat-mini-label">Контента</div>
				</div>
				<div className="stat-mini">
					<div className="stat-mini-value">12</div>
					<div className="stat-mini-label">Файлов</div>
				</div>
				<div className="stat-mini">
					<div className="stat-mini-value">208</div>
					<div className="stat-mini-label">Нарушений</div>
				</div>
			</div>
		</div>
	)
}