{{ $.Scratch.Set "icon" (default "circle-info" (.Get 0) ) }}

<div
  class="alert flex px-4 py-3 rounded-md bg-green-100 dark:bg-green-700"
  >
  <span
      class="text-green-400 ltr:pr-3 rtl:pl-3 flex items-begin pt-[6px]"
    >
    {{ partial "icon.html" ($.Scratch.Get "icon") }}
  </span>

  <span
      class="dark:text-green-100 text-green-950"
    >
    {{- .Inner | markdownify -}}
  </span>
</div>
