stream-chat-react-native-core/lib/module/components/Attachment/VideoThumbnail.js

The official React Native and Expo components for Stream Chat, a service for building chat applications

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.VideoThumbnail = void 0;
var _react = _interopRequireDefault(require("react"));
var _reactNative = require("react-native");
var _GalleryImage = require("./GalleryImage");
var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
var _VideoPlayIndicator = require("../ui/VideoPlayIndicator");
var _jsxRuntime = require("react/jsx-runtime");
var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Attachment/VideoThumbnail.tsx";
var styles = _reactNative.StyleSheet.create({
  container: {
    alignItems: 'center',
    justifyContent: 'center',
    flex: 1,
    overflow: 'hidden'
  },
  playIndicatorContainer: {
    alignItems: 'center',
    justifyContent: 'center'
  }
});
var VideoThumbnail = props => {
  var _useTheme = (0, _ThemeContext.useTheme)(),
    container = _useTheme.theme.messageItemView.videoThumbnail.container;
  var imageStyle = props.imageStyle,
    localId = props.localId,
    style = props.style,
    thumb_url = props.thumb_url;
  return (0, _jsxRuntime.jsx)(_reactNative.View, {
    style: [styles.container, container, style],
    children: thumb_url ? (0, _jsxRuntime.jsx)(_GalleryImage.LoadableGalleryImage, {
      accessibilityLabel: "Video Thumbnail",
      containerStyle: _reactNative.StyleSheet.absoluteFill,
      imageStyle: imageStyle,
      localId: localId,
      uri: thumb_url,
      children: (0, _jsxRuntime.jsx)(_reactNative.View, {
        pointerEvents: "none",
        style: [_reactNative.StyleSheet.absoluteFill, styles.playIndicatorContainer],
        children: (0, _jsxRuntime.jsx)(_VideoPlayIndicator.VideoPlayIndicator, {
          size: "md"
        })
      })
    }) : null
  });
};
exports.VideoThumbnail = VideoThumbnail;
//# sourceMappingURL=VideoThumbnail.js.map