{% component danger(title = "") %}
<aside class="callout callout-danger">
  <div class="callout-header">
    <svg class="callout-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>
    <span class="callout-title">{% if title %}{{ title }}{% else %}Danger{% endif %}</span>
  </div>
  <div class="callout-content">
    {{ body | markdown | safe }}
  </div>
</aside>
{% endcomponent danger %}