import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';

import '../utils/theme_utils.dart';
import '../constants/constants.dart';

class MyButton extends StatelessWidget {
  const MyButton({
    super.key,
    this.text = '',
    this.textStyle,
    this.textColor,
    this.disabledTextColor,
    this.backgroundColor,
    this.disabledBackgroundColor,
    this.icon,
    this.minHeight = 45.0,
    this.minWidth = double.infinity,
    this.padding = 12.0,
    this.radius = 9.0,
    this.side = BorderSide.none,
    this.statesController,
    required this.onPressed,
  });

  final String text;
  final TextStyle? textStyle;
  final Color? textColor;
  final Color? disabledTextColor;
  final Color? backgroundColor;
  final Color? disabledBackgroundColor;
  final double? minHeight;
  final double? minWidth;
  final VoidCallback? onPressed;
  final double padding;
  final double radius;
  final BorderSide side;
  final Widget? icon;
  final MaterialStatesController? statesController;

  @override
  Widget build(BuildContext context) {
    final bool isDark = context.isDark;
    return TextButton(
      onPressed: onPressed,
      statesController: statesController,
      style: ButtonStyle(
        // 文字颜色
        foregroundColor: MaterialStateProperty.resolveWith(
          (states) {
            if (states.contains(MaterialState.disabled)) {
              return disabledTextColor ??
                  (isDark ? Colours.dark_text_disabled : Colours.text_disabled);
            }
            return textColor ??
                (isDark ? Colours.dark_button_text : Colours.button_text);
          },
        ),
        // 背景颜色
        backgroundColor: MaterialStateProperty.resolveWith((states) {
          if (states.contains(MaterialState.disabled)) {
            return disabledBackgroundColor ??
                (isDark
                    ? Colours.dark_button_disabled
                    : Colours.button_disabled);
          }
          return backgroundColor ??
              (isDark ? Colours.dark_app_main : Colours.app_main);
        }),
        // 按钮最小大小
        minimumSize: (minWidth == null || minHeight == null)
            ? null
            : MaterialStateProperty.all<Size>(Size(minWidth!.w, minHeight!.h)),
        padding: MaterialStateProperty.all<EdgeInsetsGeometry>(
            REdgeInsets.symmetric(horizontal: padding)),
        shape: MaterialStateProperty.all<OutlinedBorder>(
          RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(radius).r,
          ),
        ),
        side: MaterialStateProperty.all<BorderSide>(side),
      ),
      child: icon == null
          ? Text(
              text,
              style: textStyle,
            )
          : Row(
              mainAxisAlignment: MainAxisAlignment.center,
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                icon!,
                Offstage(
                  offstage: text.isEmpty,
                  child: Gaps.hGap6,
                ),
                Text(
                  text,
                  style: textStyle,
                )
              ],
            ),
    );
  }
}