<div data-callout-metadata="" data-callout-fold="" data-callout="${callout:type}"
  class="callout bg-opacity-10" role="note">
  <path
    d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z">
  </path>
  <div class="callout-title">
    <div class="callout-icon">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
        stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
        <apply template="/templates/filters/callout-icon-${callout:type}" />
      </svg>
    </div>
    <div class="callout-title-inner">
      <callout:title />
    </div>
  </div>
  <div class="callout-content">
    <callout:body />
  </div>
</div>