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

import 'package:solitaire/config/menu.dart';
import 'package:solitaire/cubit/bottom_nav_cubit.dart';
import 'package:solitaire/provider/data.dart';
import 'package:solitaire/ui/widgets/app_bar.dart';
import 'package:solitaire/ui/widgets/bottom_nav_bar.dart';

class SkeletonScreen extends StatefulWidget {
  const SkeletonScreen({super.key});

  @override
  State<SkeletonScreen> createState() => _SkeletonScreenState();
}

class _SkeletonScreenState extends State<SkeletonScreen> {
  @override
  Widget build(BuildContext context) {
    final Data myProvider = Provider.of<Data>(context);

    return Scaffold(
      extendBodyBehindAppBar: false,
      appBar: StandardAppBar(myProvider: myProvider),
      bottomNavigationBar: const BottomNavBar(),
      body: BlocBuilder<BottomNavCubit, int>(builder: (BuildContext context, int state) {
        return Menu.getPageWidget(state);
      }),
      backgroundColor: Theme.of(context).colorScheme.background,
    );
  }
}