---
title:
  type: string
  default: "Chat"
text:
  type: string
  default: "Matrix is our chat platform of choice, we are happy to hear from you there"
btn-text:
  type: string
  default: 'join chats'
btn-link:
  type: string
---
<div class="border rounded border-primary p-3 d-flex flex-column">
  <h2 class="text-primary fw-bold">{{ title }}</h2>
  <p class="fst-italic">{{ text }}</p>
  <div class="align-self-end">
    {% render 'bootstrap/buttons/a.html', content: btn-text, url: btn-link, class: 'rounded-4' %}
  </div>
</div>