import 'package:flutter/material.dart';

import 'package:flutter/scheduler.dart';

void main() {
  // Slow down time to see lerping.
  timeDilation = 5.0;
  runApp(const ThemeExtensionExampleApp());
}

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

  @override
  State<ThemeExtensionExampleApp> createState() =>
      _ThemeExtensionExampleAppState();
}

class _ThemeExtensionExampleAppState extends State<ThemeExtensionExampleApp> {
  bool isLightTheme = true;

  void toggleTheme() {
    setState(() => isLightTheme = !isLightTheme);
  }

  @override
  Widget build(BuildContext context) {
    final ColorScheme colorScheme = isLightTheme
        ? ColorScheme.fromSeed(seedColor: Colors.red)
        : ColorScheme.fromSeed(seedColor: Colors.blue);
    return MaterialApp(
      theme:
          ThemeData.from(colorScheme: colorScheme, useMaterial3: true).copyWith(
        checkboxTheme: CheckboxThemeData(
          side: MaterialStateBorderSide.resolveWith((states) {
            return BorderSide(
              color: colorScheme.primary,
              width: 4,
            );
          }),
        ),
      ),
      home: Home(
        isLightTheme: isLightTheme,
        toggleTheme: toggleTheme,
      ),
    );
  }
}

class Home extends StatelessWidget {
  const Home({
    super.key,
    required this.isLightTheme,
    required this.toggleTheme,
  });

  final bool isLightTheme;
  final void Function() toggleTheme;

  @override
  Widget build(BuildContext context) {
    return Material(
      child: Center(
        child: Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Checkbox(value: false, onChanged: (_) {}),
            const SizedBox(width: 50),
            IconButton(
              icon: const Icon(Icons.palette),
              tooltip: 'Toggle color',
        
              onPressed: toggleTheme,
            ),
          ],
        ),
      ),
    );
  }
}