export default function Page() {
	return (
		<div className="admin-content">
			<div className="content-header">
				<h3>📈 Аналитика</h3>
				<div className="content-header-actions">
					<select id="analytics-period">
						<option value="today">Сегодня</option>
						<option value="week">Неделя</option>
						<option value="month">Месяц</option>
						<option value="year">Год</option>
					</select>
					<button className="btn btn-primary">
						<span>📊</span>
						<span>Сгенерировать отчет</span>
					</button>
				</div>
			</div>
			<div className="content-body">
				<div className="chart-container">
					<h4>Регистрации пользователей</h4>
					<canvas id="registrations-chart" width="400" height="100"></canvas>
				</div>

				<div className="chart-container">
					<h4>Загрузка контента</h4>
					<canvas id="content-chart" width="400" height="100"></canvas>
				</div>

				<div className="chart-container">
					<h4>Доходы</h4>
					<canvas id="revenue-chart" width="400" height="100"></canvas>
				</div>
			</div>
		</div>
	)
}