app_button.dart

class AppButton extends StatefulWidget {
  const AppButton({
    required this.text,
    required this.styleBundle,
    super.key,
    this.onTap,
    this.isDisabled = false,
  });

  final String text;
  final AppButtonStyleBundle styleBundle;
  final VoidCallback? onTap;
  final bool isDisabled;

  @override
  State<AppButton> createState() => _AppButtonState();
}

class _AppButtonState extends State<AppButton> {
  bool _isPressed = false;

  AppButtonStyleBundle get bundle => widget.styleBundle;

  final BorderRadius _borderRadius = const BorderRadius.all(
    Radius.circular(AppSizes.buttonBorderRadius),
  );

  @override
  Widget build(BuildContext context) => AnimatedContainer(
        height: AppSizes.buttonHeight,
        decoration: BoxDecoration(
            border: bundle.borderColors != null
                ? Border.all(
                    color: bundle.borderColors!.define(
                        isPressed: _isPressed, isDisabled: widget.isDisabled),
                    width: 1.5)
                : null,
            color: bundle.backgroundColors
                .define(isPressed: _isPressed, isDisabled: widget.isDisabled),
            borderRadius: _borderRadius),
        duration: const Duration(milliseconds: 190),
        child: InkWell(
          onTap: widget.isDisabled ? null : widget.onTap,
          onTapDown: (_) => setState(() {
            _isPressed = true;
          }),
          onTapUp: (_) => setState(() {
            _isPressed = false;
          }),
          onTapCancel: () => setState(() {
            _isPressed = false;
          }),
          child: Center(
              child: Text(
            widget.text,
            style: TextStyle(
              fontFamily: AppFonts.family,
                fontSize: AppFontSizes.extraBig,
                color: bundle.textColors.define(
                    isPressed: _isPressed, isDisabled: widget.isDisabled),
                fontWeight: FontWeight.w500),
          )),
        ),
      );
}