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)'
}