import 'package:flutter/material.dart';
import '../../../../core/theme/app_theme.dart';

class LevelDisplay extends StatelessWidget {
  final int level;

  const LevelDisplay({
    super.key,
    required this.level,
  });

  @override
  Widget build(BuildContext context) {
    return Container(
      padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 12),
      decoration: BoxDecoration(
        gradient: LinearGradient(
          colors: [
            AppTheme.primaryColor,
            AppTheme.secondaryColor,
          ],
        ),
        borderRadius: BorderRadius.circular(24),
        boxShadow: [
          BoxShadow(
            color: AppTheme.primaryColor.withValues(alpha: 0.5),
            blurRadius: 12,
            spreadRadius: 2,
          ),
        ],
      ),
      child: Row(
        mainAxisSize: MainAxisSize.min,
        children: [
          const Icon(
            Icons.military_tech,
            color: Colors.black,
            size: 28,
          ),
          const SizedBox(width: 8),
          Text(
            'LEVEL',
            style: Theme.of(context).textTheme.labelLarge?.copyWith(
                  color: Colors.black,
                ),
          ),
          const SizedBox(width: 8),
          Text(
            level.toString(),
            style: Theme.of(context).textTheme.displayMedium?.copyWith(
                  color: Colors.black,
                  fontSize: 32,
                ),
          ),
        ],
      ),
    );
  }
}
