"use strict";

import { styled } from 'styled-components/native';
import { jsx as _jsx } from "react/jsx-runtime";
export const StyledMessageReply = 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 = styled.Text`
  font-size: 14px;
  overflow: hidden;
`;
export const MessageReply = ({
  isUser,
  text,
  color = '#0052CD',
  handleReplyMessage
}) => {
  return /*#__PURE__*/_jsx(StyledMessageReply, {
    onPress: handleReplyMessage,
    isUser: isUser,
    configColor: color,
    children: /*#__PURE__*/_jsx(StyledText, {
      children: text
    })
  });
};
//# sourceMappingURL=MessageReply.js.map