import 'package:flutter/material.dart';

import 'package:get/get.dart';

// Example: a reactive counter using GetX state management.
class Example extends StatelessWidget {
  const Example({super.key});

  @override
  Widget build(BuildContext context) {
    // create variable that hold out number with .obs parameter (.obs comes from getx state management)
    var counter = 0.obs;
    return Scaffold(
        appBar: AppBar(
          title: const Text("Counter app with Getx (Get) state management"),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              const Text(
                'You have pushed the button this many times:',
              ),

              // in get (getx) we must ue Obx for the widget that we want to change like setState in statefull widget\
              Obx(() => Text(
                    // we can show our variable by call .value method
                    '${counter.value}',
                    style: Theme.of(context).textTheme.headlineSmall,
                  )),
            ],
          ),
        ),
        floatingActionButton: FloatingActionButton(
          // we can plus or everything that we want by add .value method to our obs variable
          onPressed: () => counter.value++,
          tooltip: 'Increment',
          child: const Icon(Icons.add),
        ));
  }
}