import React from 'react';

import Avatar from './Avatar';
import { format } from '../utils/embed';

export default function PM(props) {
    const { chat } = props;
    return (
        <li style={chatItemStyle}>
            <Avatar user={chat.user} />
            <p dangerouslySetInnerHTML={{ __html: format(chat.body) }} />
        </li>
    );
}

const chatItemStyle = {
    padding: '5px 13px',
    fontSize: '14px',
    listStyle: 'none',
    margin: '10px 0',
    boxShadow: '0 0 3px rgba(0,0,0, 0.16)'
}