{{ $.Scratch.Set "icon" (default "graduation-cap" (.Get 0) ) }}

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

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