import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';

import 'package:plotter/cubit/activity_cubit.dart';
import 'package:plotter/models/activity/activity.dart';
import 'package:plotter/ui/helpers/outlined_text_widget.dart';
import 'package:plotter/utils/color_extensions.dart';

class PagePlayer extends StatelessWidget {
  const PagePlayer({super.key});

  @override
  Widget build(BuildContext context) {
    return BlocBuilder<ActivityCubit, ActivityState>(
      builder: (BuildContext context, ActivityState activityState) {
        final Activity currentActivity = activityState.currentActivity;

        return Column(
          mainAxisAlignment: MainAxisAlignment.start,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: <Widget>[
            const SizedBox(height: 8),
            OutlinedText(
              text: '[player]',
              fontSize: 50,
              textColor: Colors.blueAccent,
              outlineColor: Colors.blueAccent.lighten(20),
            ),
            Text(currentActivity.toString()),
          ],
        );
      },
    );
  }
}