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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: [
          ElevatedButton(
            onPressed: () => Modular.to.pushNamed(Routes.s1),
            child: const Text('Scrren1'),
          ),
          ElevatedButton(
            onPressed: () => Modular.to.pushNamed(Routes.s2),
            child: const Text('Scrren2'),
          ),
        ],
      ),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: const Color(0xFF162866),
        foregroundColor: Colors.white,
        centerTitle: true,
        title: const Text('Demo Page'),
        leading: const BackButton(color: Colors.white),
      ),
      body: const Center(
        child: RouterOutlet(),
      ),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    return Container(
      alignment: Alignment.center,
      color: Colors.blue,
      child: const Text('Scrren1'),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    return Container(
      alignment: Alignment.center,
      color: Colors.green,
      child: const Text('Scrren2'),
    );
  }
}

/// DemoModule
class DemoModule extends Module {
  .....
  void routes(RouteManager r) {
    
    r.child('demoHome', child: (_) => const DemoHome(), children: []);
    r.child(
      'demoPage',
      child: (_) => const DemoPage(),
      children: [
        ChildRoute(
          'scrren1',
          child: (_) => const Scrren1(),
          children: [],
        ),
        ChildRoute(
          'scrren2',
          child: (_) => const Scrren2(),
          children: [],
        ),
      ],
    );
  }
}

/// AppModule

class AppModule extends Module {
  .....
  @override
  void routes(RouteManager r) {
    
    r.module(
      '/demo',
      module: DemoModule(),
      transition: TransitionType.rightToLeft,
      guards: [],
    );
  }
}

////
  static String demo = '/demo/demoHome';
  static String s1 = '/demo/demoPage/scrren1';
  static String s2 = '/demo/demoPage/scrren12';