import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      theme: ThemeData(),
      home: MyPage(),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: ElevatedButton(
          style: ButtonStyle(
            backgroundColor:
                WidgetStateColor.resolveWith((
                  Set<WidgetState> states,
                ) {
                  //states
                  if (states.contains(
                    WidgetState.pressed,
                  )) {
                    return Colors.amber.shade800;
                  }
                  return Colors.amber.shade100;
                }),
            foregroundColor:
                WidgetStatePropertyAll<Color?>(
                  Colors.black54,
                ),
            overlayColor: WidgetStateColor.resolveWith((
              Set<WidgetState> states,
            ) {
              if (states.contains(
                WidgetState.pressed,
              )) {
                return Colors.blue;
              } else {
                return Colors.transparent;
              }
            }),
          ),
          onPressed: () {},
          child: Text('Press This'),
        ),
      ),
    );
  }
}