<div id="calendar-description">
  {% if calendar.description %}
    <p class="text-stone-700 whitespace-pre-line break-all">
      {{ calendar.description }}
    </p>
  {% else %}
    <p class="text-stone-400 italic">
      No description yet.
    </p>
  {% endif %}

  <button
    type="button"
    class="mt-2 text-xs underline"
    hx-get="{{ url_for(
      'calendars.calendar.admin.calendar_description_edit',
      slug=post.slug,
      calendar_slug=calendar.slug,
    ) }}"
    hx-target="#calendar-description"
    hx-swap="outerHTML"
  >
    <i class="fas fa-edit"></i>
  </button>
</div>

{% if oob %}

  {% from '_types/calendar/_description.html' import description %}
  {{description(calendar, oob=True)}}
{% endif %}


