class LevelOne extends StatelessWidget {
  const LevelOne({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return BlocBuilder<MainCubit, MainState>(
      builder: (context, state) {
       return DefaultTabController(
            length: 3,
            child: Scaffold(
              backgroundColor: Colors.white,
              appBar: AppBar(
                backgroundColor: Colors.redAccent,
                elevation: 0,
                bottom: const TabBar(
                    labelColor: Colors.redAccent,
                    unselectedLabelColor: Colors.white,
                    indicatorSize: TabBarIndicatorSize.label,
                    indicator: BoxDecoration(
                        borderRadius: BorderRadius.only(
                            topLeft: Radius.circular(10),
                            topRight: Radius.circular(10)),
                        color: Colors.white),
                    tabs: [
                      Tab(
                        child: Align(
                          alignment: Alignment.center,
                          child: Text("APPS"),
                        ),
                      ),
                      Tab(
                        child: Align(
                          alignment: Alignment.center,
                          child: Text("MOVIES"),
                        ),
                      ),
                      Tab(
                        child: Align(
                          alignment: Alignment.center,
                          child: Text("GAMES"),
                        ),
                      ),
                    ]
                ),
              ),
              body: const TabBarView(
                  children: [
                Icon(Icons.apps),
                Icon(Icons.movie),
                Icon(Icons.games),
              ]),
            )
        );
      },
    );
  }
}

class LevelOne extends StatelessWidget {
  const LevelOne({Key? key}) : super(key: key);


  @override
  Widget build(BuildContext context) {
    return BlocBuilder<MainCubit, MainState>(
      builder: (context, state) {
       return Scaffold(
         appBar: AppBar(),
         body: Padding(
           padding: const EdgeInsets.only(top: 15),
           child: TabContainer(
             radius: 20,
             isStringTabs: true,
             enabled: true,
             enableFeedback: true,
             selectedTextStyle:Theme.of(context).textTheme.bodyText2?.copyWith(color: Colors.white),
             unselectedTextStyle: Theme.of(context).textTheme.bodyText2?.copyWith(color:Colors.black12,fontSize: 13.0),
             color: Theme.of(context).colorScheme.secondary,
             tabs: const [
               'Tab 1',
               'Tab 2',
               'Tab 3',
             ],
             children: [
               Center(
                 child:  SwitchListTile(
                   title: const Text('Darkmode'),
                   value: false,
                   onChanged: (v) {},
                   secondary: Icon(Icons.dark_mode),
                 ),
               ),
               Center(
                 child: Container(
                   child: Text('Child 2'),
                 ),
               ),
               Center(
                 child: Container(
                   child: Text('Child 3'),
                 ),
               ),
             ],
           ),
         ),
       );
      },
    );
  }
}