import { useCallback, useMemo } from 'react';
import Animated from 'react-native-reanimated';

const { Value } = Animated;

export const toAnimatedFlag = (value: boolean) => new Value(value ? 1 : 0);

export const useAnimatedFlag = (initialValue: boolean) => {
  const animatedFlag = useMemo(() => toAnimatedFlag(initialValue), []);

  const setValue = useCallback((value: boolean) => animatedFlag.setValue(value ? 1 : 0), [
    animatedFlag,
  ]);

  return [animatedFlag, setValue] as const;
};