import 'package:flutter/material.dart';
import 'package:flutter_hooks/flutter_hooks.dart';

void useSyncPageWithTab(
  TabController tabController,
  PageController pageController, {
  void Function(int index)? onIndexChanged,
}) {
  useEffect(() {
    Future<void> syncPage() async {
      await pageController.animateToPage(
        tabController.index,
        curve: Curves.linear,
        duration: const Duration(milliseconds: 300),
      );
      onIndexChanged?.call(tabController.index);
    }

    void syncTab() {
      if (!tabController.indexIsChanging) {
        final index = pageController.page!.round();

        tabController.animateTo(index);
        onIndexChanged?.call(index);
      }
    }

    tabController.addListener(syncPage);
    pageController.addListener(syncTab);

    return () {
      tabController.removeListener(syncPage);
      pageController.removeListener(syncTab);
    };
  }, [tabController, pageController]);
}
