import 'package:flutter/material.dart';

**อธิบายทีละบรรทัด (Imports):**

- `import 'package:flutter/material.dart'`
  - ใช้สำหรับคลาส `ThemeExtension` และ `Color`

**อธิบาย:**

@immutable
class AppColors extends ThemeExtension<AppColors> {
  final Color vividGreen;
  final Color vividYellow;
  final Color vividRed;

  const AppColors({
    required this.vividGreen,
    required this.vividYellow,
    required this.vividRed,
  });

  // สร้างค่า Default (Light)
  factory AppColors.light() {
    return const AppColors(
      vividGreen: Color(0xFF00C853),
      vividYellow: Color(0xFFFFD600),
      vividRed: Color(0xFFFF1744),
    );
  }

  // สร้างค่า Default (Dark) - อาจจะปรับให้หม่นลงนิดนึง
  factory AppColors.dark() {
    return const AppColors(
      vividGreen: Color(0xFF00E676), // สว่างขึ้นนิดหน่อยบนพื้นดำ
      vividYellow: Color(0xFFFFEA00),
      vividRed: Color(0xFFFF5252),
    );
  }

  @override
  ThemeExtension<AppColors> copyWith({
    Color? vividGreen,
    Color? vividYellow,
    Color? vividRed,
  }) {
    return AppColors(
      vividGreen: vividGreen ?? this.vividGreen,
      vividYellow: vividYellow ?? this.vividYellow,
      vividRed: vividRed ?? this.vividRed,
    );
  }

  @override
  ThemeExtension<AppColors> lerp(ThemeExtension<AppColors>? other, double t) {
    if (other is! AppColors) return this;
    
    // Feature เด็ด: Flutter จะคำนวณการไล่สีให้เองตอนเปลี่ยน Theme (Animation)
    return AppColors(
      vividGreen: Color.lerp(vividGreen, other.vividGreen, t)!,
      vividYellow: Color.lerp(vividYellow, other.vividYellow, t)!,
      vividRed: Color.lerp(vividRed, other.vividRed, t)!,
    );
  }
}

import 'app_colors.dart';

class AppTheme {
  static ThemeData light() {
    return ThemeData(
      useMaterial3: true,
      brightness: Brightness.light,
      // ... การตั้งค่าอื่นๆ ...
      
      // ใส่ Extension เข้าไป
      extensions: [
        AppColors.light(),
      ],
    );
  }

  static ThemeData dark() {
    return ThemeData(
      // ...
      extensions: [
        AppColors.dark(),
      ],
    );
  }
}

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // ดึง Extension ออกมา
    final appColors = Theme.of(context).extension<AppColors>()!;

    return Container(
      color: appColors.vividGreen, // สีจะเปลี่ยนเองตาม Theme
      child: Text("Hello Dynamic World"),
    );
  }
}

class ThemeSwitcherButton extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ValueListenableBuilder<ThemeMode>(
      valueListenable: ThemeController.instance.themeMode,
      builder: (context, mode, child) {
        
        // Icon จะเปลี่ยนตาม Mode
        IconData icon;
        if (mode == ThemeMode.light) icon = Icons.wb_sunny;
        else if (mode == ThemeMode.dark) icon = Icons.nights_stay;
        else icon = Icons.brightness_auto;

        return IconButton(
          icon: AnimatedSwitcher(
            duration: Duration(milliseconds: 300),
            transitionBuilder: (child, anim) => RotationTransition(
              turns: anim, 
              child: child
            ),
            child: Icon(icon, key: ValueKey(mode)),
          ),
          onPressed: () {
            // Logic วน Loop: Light -> Dark -> System
            if (mode == ThemeMode.light) {
              ThemeController.instance.setTheme(ThemeMode.dark);
            } else if (mode == ThemeMode.dark) {
              ThemeController.instance.setTheme(ThemeMode.system);
            } else {
              ThemeController.instance.setTheme(ThemeMode.light);
            }
          },
        );
      },
    );
  }
}