"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.DeletedMessage = void 0;
var _reactNative = require("react-native");
var _icons = require("../../assets/icons");
var _native = require("styled-components/native");
var _jsxRuntime = require("react/jsx-runtime");
const ReplyContainer = _native.styled.View`
  flex-direction: row;
  align-items: center;
  gap: 5px;
  padding-top: 5px;

  @media (max-width: 399px) {
    font-size: 14px;
  }
`;
const IconContainer = _native.styled.View`
  padding: 5px;
  background-color: #cccccc;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
`;
const DeletedMessage = () => {
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ReplyContainer, {
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(IconContainer, {
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.DeleteIcon, {
        width: 18,
        height: 18,
        fill: "#8C8C8C"
      })
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
      style: {
        margin: 0,
        color: '#8C8C8C'
      },
      children: "This message was deleted."
    })]
  });
};
exports.DeletedMessage = DeletedMessage;
//# sourceMappingURL=DeletedMessage.js.map