@100mslive/react-native-room-kit/lib/module/components/HLSAnimatedDescriptionPane.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';
export const HLSAnimatedDescriptionPane = ({
  children,
  style,
  sharedValue,
  height
}) => {
  const animatedStyles = useAnimatedStyle(() => ({
    // opacity: interpolate(sharedValue.value, [0, 0.3, 1], [0, 1, 1]),
    transform: [{
      translateY: interpolate(sharedValue.value, [0, 1], [-height, 0])
    }]
  }), [height]);
  return /*#__PURE__*/React.createElement(Animated.View, {
    style: [{
      flex: 1
    }, animatedStyles, style]
  }, children);
};
//# sourceMappingURL=HLSAnimatedDescriptionPane.js.map