@100mslive/react-native-room-kit/lib/module/components/AnimatedHLSFooter.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, useAnimatedStyle } from 'react-native-reanimated';
import { useFooterHeight } from './Footer';
export const AnimatedHLSFooter = ({
  offset,
  children,
  style
}) => {
  const footerHeight = useFooterHeight();
  const animatedStyles = useAnimatedStyle(() => {
    return {
      transform: [{
        translateY: interpolate(offset.value, [0, 1], [footerHeight, 0])
      }]
    };
  }, []);
  return /*#__PURE__*/React.createElement(Animated.View, {
    style: [animatedStyles, style]
  }, children);
};
//# sourceMappingURL=AnimatedHLSFooter.js.map