import 'package:flutter/material.dart';
import 'package:freekake/providers/point_provider.dart';
import 'package:provider/provider.dart';

class PointsHeader extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final points = context.watch<PointsProvider>().points;

    return Container(
      padding: EdgeInsets.all(12),
      color: const Color.fromARGB(99, 255, 255, 255),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceAround,
        children: [
          Text(
            "Activity", //${points.xp}/${points.xpToNextLevel()}",
            style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold),
          ),
          Text(
            "",
            // "🔥 Level: ${points.level}",
            // style: TextStyle(color: Colors.orangeAccent),
          ),
          Text(
            "🏆",
            // "💎 GP: ${points.gp}",
            style: TextStyle(color: Colors.lightBlue),
          ),
          Text(
            "🟡",
            // "🎯" SP: ${points.sp}",
            style: TextStyle(color: Colors.greenAccent),
          ),
        ],
      ),
    );
  }
}