import { customElement } from '@aurelia/runtime-html';

@customElement({
  name: 'chat',
  template: `
    <h3>Chat <a data-test="chat-element-close" href="-@chat" class="close">X</a></h3>
    <au-viewport no-scope name="chat-main" used-by="chat-users" default="chat-users" no-link no-history></au-viewport>
    <au-viewport no-scope name="chat-details" used-by="chat-user" no-link no-history stateful></au-viewport>
  `
})
export class Chat {}
