import 'package:flex_color_scheme/flex_color_scheme.dart';
import 'package:flutter/material.dart';
import 'package:sfm_app/product/theme/app_theme.dart';

class AppThemeLight extends AppTheme {
  static AppThemeLight? _instance;
  static AppThemeLight get instance {
    _instance ??= AppThemeLight._init();
    return _instance!;
  }

  AppThemeLight._init();

  @override
  ThemeData get theme => FlexThemeData.light(
        useMaterial3: true,
        scheme: FlexScheme.flutterDash,
        bottomAppBarElevation: 20.0,
        subThemesData: const FlexSubThemesData(
          inputDecoratorRadius: 30,
          interactionEffects: true,
          tintedDisabledControls: true,
          useM2StyleDividerInM3: true,
          inputDecoratorBorderType: FlexInputBorderType.outline,
          tooltipRadius: 20,
          tooltipWaitDuration: Duration(milliseconds: 1600),
          tooltipShowDuration: Duration(milliseconds: 1500),
          navigationRailUseIndicator: true,
          navigationRailLabelType: NavigationRailLabelType.all,
        ),
        visualDensity: FlexColorScheme.comfortablePlatformDensity,
      );
  // ThemeData.light().copyWith(
  //       useMaterial3: true,
  //       colorScheme: _buildColorScheme,
  //     );

  // ColorScheme get _buildColorScheme => FlexColorScheme.light(

  // ).toScheme;
  // const ColorScheme(
  //       brightness: Brightness.light,
  //       primary: Colors.black,
  //       onPrimary: Colors.white,
  //       secondary: Colors.black,
  //       onSecondary: Colors.black45,
  //       error: Colors.red,
  //       onError: Colors.orange,
  //       background: Colors.white,
  //       onBackground: Colors.red,
  //       surface: Colors.white,
  //       onSurface: Colors.black,
  //     );
}
