div.segment.full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey.whitespace-normal
  solid-display.text-xxlarge.text-letter-spacing-large(
    bind-resources
    fields='name, dash, subtitle'

    value-dash=' - '

    class-name='text-color-heading text-bold'
    class-dash='text-color-heading text-bold'          
  )

.chat-view.segment.full.whitespace-normal
  solid-xmpp-chat(
    data-authentication='login',
    data-auto-login='true',
    data-websocket-url=`${component.endpoints.xmpp}`,
    data-i18n='en',
    bind-resources
  )