import { __ } from '@converse/headless/i18n';
import { html } from "lit-html";
import { renderAvatar } from './../templates/directives/avatar';


export default (o) => {
    const i18n_uploading = __('Uploading file:')
    return html`
        <div class="message chat-msg" data-isodate="${o.time}" data-msgid="${o.msgid}">
            ${ renderAvatar(this) }
            <div class="chat-msg__content">
                <span class="chat-msg__text">${i18n_uploading} <strong>${o.filename}</strong>, ${o.filesize}</span>
                <progress value="${o.progress}"/>
            </div>
        </div>
    `;
}
