export default function Page() {
	return (
		<div className="admin-content">
			<div className="content-header">
				<h3>Управление тарифными планами</h3>
				<div className="content-header-actions">
					<button className="btn btn-primary">
						<span>➕</span>
						<span>Создать тариф</span>
					</button>
				</div>
			</div>
			<div className="content-body" id="plans-container">
				<div className="stats-grid">
					<div className="stat-card">
						<div className="stat-card-header">
							<span className="stat-card-title">FREE</span>
							<div className="stat-card-icon blue">🆓</div>
						</div>
						<div className="stat-card-value">₽0</div>
						<div className="stat-card-label">100 токенов</div>
						<div className="stat-card-footer">
							<button className="btn btn-outline btn-sm">Редактировать</button>
						</div>
					</div>

					<div className="stat-card">
						<div className="stat-card-header">
							<span className="stat-card-title">MINI (TELEGRAM)</span>
							<div className="stat-card-icon cyan">✈️</div>
						</div>
						<div className="stat-card-value">₽500</div>
						<div className="stat-card-label">500 токенов</div>
						<div className="stat-card-footer">
							<button className="btn btn-outline btn-sm">Редактировать</button>
						</div>
					</div>

					<div className="stat-card">
						<div className="stat-card-header">
							<span className="stat-card-title">BASIC</span>
							<div className="stat-card-icon green">⭐</div>
						</div>
						<div className="stat-card-value">₽990</div>
						<div className="stat-card-label">1,000 токенов</div>
						<div className="stat-card-footer">
							<button className="btn btn-outline btn-sm">Редактировать</button>
						</div>
					</div>

					<div className="stat-card">
						<div className="stat-card-header">
							<span className="stat-card-title">PRO</span>
							<div className="stat-card-icon purple">💎</div>
						</div>
						<div className="stat-card-value">₽2,990</div>
						<div className="stat-card-label">5,000 токенов</div>
						<div className="stat-card-footer">
							<button className="btn btn-outline btn-sm">Редактировать</button>
						</div>
					</div>

					<div className="stat-card">
						<div className="stat-card-header">
							<span className="stat-card-title">BUSINESS</span>
							<div className="stat-card-icon orange">🏢</div>
						</div>
						<div className="stat-card-value">₽9,990</div>
						<div className="stat-card-label">20,000 токенов</div>
						<div className="stat-card-footer">
							<button className="btn btn-outline btn-sm">Редактировать</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	)
}