import 'package:flutter/material.dart';

void main() => runApp(const MaterialApp(home: MainApp()));

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

  @override
  State<MainApp> createState() => _MainAppState();
}

class _MainAppState extends State<MainApp> {
  final _selectedOptions = <String>[];
  final String option = "filter";

  @override
  Widget build(BuildContext context) {
    final chipTheme = Theme.of(context).chipTheme;
    final colorScheme = Theme.of(context).colorScheme;
    final chipThemeLabel =
        chipTheme.labelStyle ?? Theme.of(context).textTheme.labelMedium!;

    return Scaffold(
      body: Theme(
        data: ThemeData(
          hoverColor: colorScheme.secondaryContainer, // Comment this out, and the hover color works properly again.
          chipTheme: ChipThemeData(
            color: WidgetStateProperty.resolveWith((states) {
              if (states.contains(WidgetState.hovered) && states.contains(WidgetState.selected)) {
                return colorScheme.primaryContainer.withAlpha(150);
              }
              if (states.contains(WidgetState.hovered)) {
                return Colors.red;
              }
              if (states.contains(WidgetState.selected)) {
                return colorScheme.primaryContainer;
              }
              return colorScheme.secondaryContainer;
            }),
            checkmarkColor: colorScheme.onSecondaryContainer,
            shape: const StadiumBorder(
                side: BorderSide(width: 0, color: Colors.transparent)),
            padding: const EdgeInsets.all(4.0),
          ),
        ),
        child: Center(
          child: FilterChip(
            labelStyle: chipThemeLabel.copyWith(
              color: _selectedOptions.contains(option)
                  ? Theme.of(context).colorScheme.onPrimaryContainer
                  : null,
            ),
            label: Text(option),
            selected: _selectedOptions.contains(option),
            onSelected: (bool selected) => setState(
              () {
                if (selected) {
                  _selectedOptions.add(option);
                } else {
                  _selectedOptions.remove(option);
                }
              },
            ),
          ),
        ),
      ),
    );
  }
}