@sendbird/uikit-react-native/lib/commonjs/components/ThreadParentMessageRenderer/ThreadParentMessage.file.image.js

Sendbird UIKit for React Native: A feature-rich and customizable chat UI kit with messaging, channel management, and user authentication.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
var _uikitUtils = require("@sendbird/uikit-utils");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
const ThreadParentMessageFileImage = props => {
  const fileMessage = props.parentMessage;
  if (!fileMessage) return null;
  return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, {
    style: styles.container
  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.PressBox, {
    onPress: props.onPress,
    onLongPress: props.onLongPress
  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.ImageWithPlaceholder, {
    source: {
      uri: (0, _uikitUtils.getThumbnailUriFromFileMessage)(fileMessage)
    },
    style: styles.image
  })));
};
const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
  container: {
    borderRadius: 16,
    overflow: 'hidden'
  },
  image: {
    maxWidth: 240,
    width: 240,
    height: 160,
    borderRadius: 16,
    overflow: 'hidden'
  }
});
var _default = ThreadParentMessageFileImage;
exports.default = _default;
//# sourceMappingURL=ThreadParentMessage.file.image.js.map