import '../chatarea.js';
import '../config-form.js';
import '../destroyed.js';
import '../disconnected.js';
import '../heading.js';
import '../nickname-form.js';
import '../password-form.js';
import { html } from "lit-html";
import { getChatRoomBodyTemplate } from '../utils.js';


export default (o) => {
    return html`
        <div class="flyout box-flyout">
            <converse-dragresize></converse-dragresize>
            <converse-muc-heading jid="${o.model.get('jid')}" class="chat-head chat-head-chatroom row no-gutters"></converse-muc-heading>
            <div class="chat-body chatroom-body row no-gutters">${getChatRoomBodyTemplate(o)}</div>
        </div>
    `;
}