@100mslive/react-native-room-kit/lib/module/components/AnimatedFooter.js

100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.

import * as React from 'react';
import Animated, { interpolate, useAnimatedProps, useAnimatedStyle } from 'react-native-reanimated';
import { useFooterHeight } from './Footer';
export const AnimatedFooter = ({
  offset,
  children
}) => {
  const footerHeight = useFooterHeight();
  const animatedStyles = useAnimatedStyle(() => {
    return {
      opacity: interpolate(offset.value, [0, 0.3, 1], [0, 0.7, 1]),
      transform: [{
        translateY: interpolate(offset.value, [0, 1], [footerHeight, 0])
      }]
    };
  }, [footerHeight]);
  const animatedProps = useAnimatedProps(() => {
    return {
      pointerEvents: offset.value === 0 ? 'none' : 'auto'
    };
  }, []);
  return /*#__PURE__*/React.createElement(Animated.View, {
    style: animatedStyles,
    animatedProps: animatedProps
  }, children);
};
//# sourceMappingURL=AnimatedFooter.js.map