import 'package:flutter/material.dart';
import 'package:easy_localization/easy_localization.dart';
import 'package:notube/constants.dart';
import 'package:provider/provider.dart';
import 'package:notube/dlForm/cubit/dl_form_cubit.dart';

class SubmitButton extends StatefulWidget {
  const SubmitButton({super.key});

  @override
  State<SubmitButton> createState() => _SubmitButtonState();
}

class _SubmitButtonState extends State<SubmitButton> {
  bool isHovering = false;

  @override
  Widget build(BuildContext context) {
    return ConstrainedBox(
      constraints: BoxConstraints.tightFor(width: 200),
      child: MouseRegion(
          cursor: SystemMouseCursors.click,
          child: GestureDetector(
              onTap: () {
                context.read<DlFormCubit>().download();
              },
              child: InkWell(
                onHover: (hovering) {
                  debugPrint('Hovering: $hovering');
                  setState(() => isHovering = hovering);
                },
                child: Container(
                  padding: const EdgeInsets.symmetric(vertical: 14),
                  decoration: BoxDecoration(
                    color: isHovering ? colorDarkRed : colorMainRed,
                  ),
                  child: const Text('Ok', textAlign: TextAlign.center).tr(),
                ),
              ))),
    );
  }
}