{{ if .IsNamedParams }}
  {{ $.Scratch.Set "icon" (default "triangle-exclamation" (.Get "icon") ) }}
  {{ $.Scratch.Set "cardColor" (default "NULL" (.Get "cardColor") ) }}
  {{ $.Scratch.Set "iconColor" (default "NULL" (.Get "iconColor") ) }}
  {{ $.Scratch.Set "textColor" (default "NULL" (.Get "textColor") ) }}
{{ else }}
  {{ $.Scratch.Set "icon" (default "triangle-exclamation" (.Get 0) ) }}
  {{ $.Scratch.Set "cardColor" "NULL" }}
  {{ $.Scratch.Set "iconColor" "NULL" }}
  {{ $.Scratch.Set "textColor" "NULL" }}
{{ end }}


<div
  {{ if eq ($.Scratch.Get "cardColor") "NULL" }}
    class="flex px-4 py-3 rounded-md bg-primary-100 dark:bg-primary-900"
  {{ else }}
    class="flex px-4 py-3 rounded-md"
    style="background-color: {{ $.Scratch.Get "cardColor" }}"
  {{ end }}>

  <span
    {{ if eq ($.Scratch.Get "iconColor") "NULL" }}
      class="text-primary-400 ltr:pr-3 rtl:pl-3 flex items-center"
    {{ else }}
      class="ltr:pr-3 rtl:pl-3 flex items-center"
      style="color: {{ $.Scratch.Get "iconColor" }}"
    {{ end }}>

    {{ partial "icon.html" ($.Scratch.Get "icon") }}
  </span>

  <span
    {{ if eq ($.Scratch.Get "textColor") "NULL" }}
      class="dark:text-neutral-300"
    {{ else }}
      style="color: {{ $.Scratch.Get "textColor" }}"
    {{ end }}>
    
    {{- .Inner | markdownify -}}
  </span>
</div>