import 'package:flutter/material.dart';

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

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

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(body: Center(child: ButtonIconExample())),
    );
  }
}

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

  @override
  State<StatefulWidget> createState() => ButtonIconExampleState();
}

class ButtonIconExampleState extends State<ButtonIconExample> {
  bool toggled1 = false;
  bool toggled2 = false;

  @override
  Widget build(BuildContext context) {
    return Container(
      child: Card(
        color: Colors.blue,
        child: SizedBox(
          width: 500,
          height: 100,
          child: Row(
            children: [
              OutlinedButton.icon(
                label: Text('test button 1'),
                onPressed: () => setState(() => toggled1 = !toggled1),
                icon: toggled1 ? Icon(Icons.favorite) : null,
              ),
              OutlinedButton.icon(
                label: Text('test button 2'),
                onPressed: () => setState(() => toggled2 = !toggled2),
                icon: toggled2 ? Icon(Icons.favorite) : null,
              ),
            ],
          ),
        ),
      ),
    );
  }
}