"use strict";

import React from 'react';
import styled from 'styled-components/native';
import { LastMessageImg, LastRoomMessageContainer, LastRoomMessageName, LastRoomMessageText, ShadeWrapper } from './StyledRoomComponents';
import { View } from 'react-native';
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
const PhotoContainer = styled.View`
  position: relative;
  width: 20px;
  height: 20px;
  overflow: hidden;
  border-radius: 8px;
  width: 20px;
  height: 20px;
  object-fit: cover;
  pointer-events: none;
`;
const LastMessagePhoto = ({
  user,
  locationPreview,
  originalName
}) => {
  return /*#__PURE__*/_jsxs(LastRoomMessageContainer, {
    children: [/*#__PURE__*/_jsxs(LastRoomMessageName, {
      children: [user?.name || '', ":"]
    }), /*#__PURE__*/_jsxs(View, {
      style: {
        display: 'flex',
        flexDirection: 'row',
        gap: '4px'
      },
      children: [/*#__PURE__*/_jsx(PhotoContainer, {
        children: /*#__PURE__*/_jsx(ShadeWrapper, {
          children: /*#__PURE__*/_jsx(LastMessageImg, {
            src: locationPreview
          })
        })
      }), /*#__PURE__*/_jsx(LastRoomMessageText, {
        children: originalName || 'file'
      })]
    })]
  });
};
export default LastMessagePhoto;
//# sourceMappingURL=LastMessagePhoto.js.map