{{ $.Scratch.Set "icon" (default "sun" (.Get 0) ) }}

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

  <span
      class="dark:text-sky-50 text-sky-900"
    >
    {{- .Inner | markdownify -}}
  </span>
</div>
