import 'package:cssd/config/colors.dart';
import 'package:cssd/providers/items.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

class ItemAddSaveButton extends StatelessWidget {
  const ItemAddSaveButton({
    Key? key,
    required double deviceBlockSize,
    required this.onTap,
  })  : _deviceBlockSize = deviceBlockSize,
        super(key: key);

  final double _deviceBlockSize;
  final VoidCallback onTap;

  @override
  Widget build(BuildContext context) {
    return Consumer<ItemProvider>(builder: (context, itemProvider, _) {
      return InkWell(
        onTap: onTap,
        child: Container(
          padding: EdgeInsets.symmetric(
            horizontal: 5 * _deviceBlockSize,
            vertical: 10,
          ),
          decoration: BoxDecoration(
            gradient: LinearGradient(
              colors: [kBlue, kBlueSub],
            ),
            borderRadius: BorderRadius.circular(7),
          ),
          child: itemProvider.isloadingButton
              ? Center(
                  child: CircularProgressIndicator(
                    color: Colors.white,
                  ),
                )
              : Align(
                  alignment: Alignment.center,
                  child: Text(
                    'Save',
                    style: TextStyle(
                      color: Colors.white,
                      fontSize: 5 * _deviceBlockSize,
                    ),
                  ),
                ),
        ),
      );
    });
  }
}