import 'package:dreampad/app/shared/shared.dart';
import 'package:flutter/material.dart';
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';


class HelloWidget extends StatelessWidget {
  const HelloWidget({
    super.key,
  });

  @override
  Widget build(BuildContext context) {
    return HookBuilder(
      builder: (context) {
        final isTextShown = useState(false);
        return Stack(
          children: [
            Positioned(
              left: 0,
              top: 180.h,
              right: 0,
              child: AnimatedColumnWidget(
                children: [
                  Padding(
                    padding: EdgeInsets.only(bottom: 8.h),
                    child: Images.welcomeFirstLine,
                  ),
                  Padding(
                    padding: EdgeInsets.only(bottom: 8.h),
                    child: Images.welcomeSecondLine,
                  ),
                  Padding(
                    padding: EdgeInsets.only(bottom: 8.h),
                    child: Images.welcomeThirdLine,
                  ),
                  Images.welcomeFourthLine,
                ],
                onDone: () {
                  isTextShown.value = true;
                },
              ),
            ),
            Positioned(
              left: 0,
              right: 0,
              bottom: 5.h,
              child: Center(
                child: AnimatedVisibilityWidget(
                  animationWidgetBuilder: AnimatedVisibilityWidget.fadeAnimationWidgetBuilder,
                  isVisible: isTextShown.value,
                  child: IgnorePointer(
                    ignoring: !isTextShown.value,
                    child: SwipeNextPageHandler(
                      child: Column(
                        children: [
                          Images.up,
                          Images.welcomeBegin,
                        ],
                      ),
                    ),
                  ),
                ),
              ),
            ),
          ],
        );
      }
    );
  }
}