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

/// Flutter code sample for [SegmentedButton].

void main() {
  runApp(const SegmentedButtonApp());
}

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

  @override
  State<SegmentedButtonApp> createState() => _SegmentedButtonAppState();
}

class _SegmentedButtonAppState extends State<SegmentedButtonApp> {
  bool showIcon = false;

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: TextButtonTheme(
          data: const TextButtonThemeData(
            style: ButtonStyle(
              backgroundColor: WidgetStateProperty.fromMap(<WidgetStatesConstraint, Color>{
                WidgetState.focused: Colors.greenAccent,
                WidgetState.any: Color(0xFFEEEEFF),
              }),
            ),
          ),
          child: Center(
            child: Row(
              mainAxisAlignment: MainAxisAlignment.center,
              spacing: 16,
              children: [
                TextButton(onPressed: onPressed, child: const Text('TextButton')),
                TextButton.icon(
                  onPressed: onPressed,
                  icon: showIcon ? const Icon(Icons.check) : null,
                  label: const Text('TextButton.icon'),
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }

  void onPressed() {
    setState(() {
      showIcon = !showIcon;
    });
  }
}