"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.StyledMessageReply = exports.MessageReply = void 0;
var _native = require("styled-components/native");
var _jsxRuntime = require("react/jsx-runtime");
const StyledMessageReply = exports.StyledMessageReply = _native.styled.TouchableOpacity`
  background-color: ${props => props.isUser ? '#ffffff' : '#E7EDF9'};
  padding: 8px 16px;
  margin-bottom: 8px;
  border-radius: 4px;
  border-style: solid;
  border-start-width: ${props => props.isUser ? 4 : 0}px;
  border-start-color: ${props => props.isUser ? props.configColor : 'transparent'};
  border-end-width: ${props => !props.isUser ? 4 : 0}px;
  border-end-color: ${props => !props.isUser ? props.configColor : 'transparent'};
`;
const StyledText = _native.styled.Text`
  font-size: 14px;
  overflow: hidden;
`;
const MessageReply = ({
  isUser,
  text,
  color = '#0052CD',
  handleReplyMessage
}) => {
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledMessageReply, {
    onPress: handleReplyMessage,
    isUser: isUser,
    configColor: color,
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledText, {
      children: text
    })
  });
};
exports.MessageReply = MessageReply;
//# sourceMappingURL=MessageReply.js.map