import 'package:draggable_scrollbar/draggable_scrollbar.dart';
import 'package:flutter/material.dart';
import 'package:invoiceninja_flutter/utils/platforms.dart';

class AppScrollbar extends StatefulWidget {
  const AppScrollbar({
    @required this.child,
    @required this.controller,
    this.hideMobileThumb = false,
  });
  final Widget child;
  final ScrollController controller;
  final bool hideMobileThumb;

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

class _AppScrollbarState extends State<AppScrollbar> {
  bool _isHovered = false;

  @override
  Widget build(BuildContext context) {
    if (isMobile(context) && !widget.hideMobileThumb) {
      return DraggableScrollbar.semicircle(
        scrollbarTimeToFade: const Duration(milliseconds: 1500),
        child: widget.child,
        controller: widget.controller,
      );
    } else {
      return MouseRegion(
        onEnter: (event) => setState(() => _isHovered = true),
        onExit: (event) => setState(() => _isHovered = false),
        child: Scrollbar(
          child: widget.child,
          controller: widget.controller,
          isAlwaysShown: isDesktop(context) && _isHovered,
        ),
      );
    }
  }
}