import 'package:aman_kassa_flutter/shared/app_colors.dart';
import 'package:aman_kassa_flutter/shared/shared_styles.dart';
import 'package:flutter/material.dart';

/// A button that shows a busy indicator in place of title
class BusyButton extends StatefulWidget {
  final bool busy;
  final String title;
  final Function onPressed;
  final bool enabled;
  final Color mainColor;
  const BusyButton(
      {
        @required this.title,
        this.busy = false,
        @required this.onPressed,
        this.enabled = true,
        this.mainColor
      });

  @override
  _BusyButtonState createState() => _BusyButtonState();
}

class _BusyButtonState extends State<BusyButton> {
  @override
  Widget build(BuildContext context) {
    return AnimatedContainer(
      duration: const Duration(milliseconds: 300),
      decoration: BoxDecoration(
        color: widget.enabled ? ( widget.mainColor ?? primaryColor) : blueColorLigth,
          borderRadius: BorderRadius.circular(7),
          boxShadow: [
            cardShadowBox
          ]
      ),
      child: Material(
        type: MaterialType.transparency,
        child: InkWell(
          onTap: widget.busy ? () {} : widget.onPressed,
          child: AnimatedContainer(
            height: widget.busy ? 40 : 40,
            //width: widget.busy ? 40 : 40,
            duration: const Duration(milliseconds: 300),
            alignment: Alignment.center,
            margin: EdgeInsets.symmetric(
                horizontal: widget.busy ? 10 : 25,
                vertical: widget.busy ? 10 : 15),
            child:  !widget.busy
                ? Text(
                    widget.title,
                    style: buttonTitleTextStyle,
                  )
                : CircularProgressIndicator(
                    strokeWidth: 2,
                    valueColor: AlwaysStoppedAnimation<Color>(Colors.white)),
          ),
        ),
      ),
    );
  }
}