25 lines
1.4 KiB
HTML
25 lines
1.4 KiB
HTML
{{ $calloutEmojiDict := dict "info" "ℹ️" "warning" "⚠️" "error" "🚫" }}
|
||
{{ $type := .Get "type" | default "default" }}
|
||
{{/* If emoji is not set, use the emoji from dict */}}
|
||
{{ $emoji := .Get "emoji" }}
|
||
{{ if eq $emoji "" }}
|
||
{{ $emoji = index $calloutEmojiDict $type }}
|
||
{{ end }}
|
||
|
||
{{ $defaultClass := "border-orange-100 bg-orange-50 text-orange-800 dark:border-orange-400/30 dark:bg-orange-400/20 dark:text-orange-300" }}
|
||
{{ $infoClass := "border-blue-200 bg-blue-100 text-blue-900 dark:border-blue-200/30 dark:bg-blue-900/30 dark:text-blue-200" }}
|
||
{{ $warningClass := "border-yellow-100 bg-yellow-50 text-yellow-900 dark:border-yellow-200/30 dark:bg-yellow-700/30 dark:text-yellow-200" }}
|
||
{{ $errorClass := "border-red-200 bg-red-100 text-red-900 dark:border-red-200/30 dark:bg-red-900/30 dark:text-red-200" }}
|
||
|
||
|
||
{{ $class := cond (eq $type "info") $infoClass (cond (eq $type "warning") $warningClass (cond (eq $type "error") $errorClass $defaultClass)) }}
|
||
|
||
<div class="overflow-x-auto mt-6 flex rounded-lg border py-2 ltr:pr-4 rtl:pl-4 contrast-more:border-current contrast-more:dark:border-current {{ $class }}">
|
||
<div class="select-none text-xl ltr:pl-3 ltr:pr-2 rtl:pr-3 rtl:pl-2" style='font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";'>{{ $emoji }}</div>
|
||
<div class="w-full min-w-0 leading-7">
|
||
<div class="mt-6 leading-7 first:mt-0">
|
||
{{ .Inner | markdownify }}
|
||
</div>
|
||
</div>
|
||
</div>
|