{%- if post -%}
<script type="module" src="/assets/scripts/components/mastodon-post.js"></script>
<template id="mastodon-post-template">
  <div class="mastodon-post-wrapper">
    <blockquote data-key="content"></blockquote>
    <dl>
      <dt>{% tablericon "refresh" %}</dt>
      <dd data-key="reblogs_count"></dd>
      <dt>{% tablericon "message-circle" %}</dt>
      <dd data-key="replies_count"></dd>
      <dt>{% tablericon "star" %}</dt>
      <dd data-key="favourites_count"></dd>
    </dl>
  </div>
</template>
<span class="client-side">
  <mastodon-post>
    <a href="{{ post }}">
      Discuss on Mastodon
    </a>
  </mastodon-post>
</span>
{%- endif -%}