{{/* Block card to highlight content info
	* Example :
	* 	partial "components/highlight-info-card" (dict
	* 		"icon" "my-icon-name"
	* 		"title" "My title"
	* 		"text" "My text?"
	* 		"moreInfo" "More info text")
*/}}


<div class="box-l em-card">
	{{/* prettier-ignore-start */}}
{{ with .icon }}{{ partial "svg/inline-svg-use" (printf "%s%s" "icon-" . ) }}{{ end }}
{{ with .title }}<p class="h4 bold">{{- . | markdownify | chomp -}}</p>{{ end }}
{{ with .text }}
<p>{{- . | printf "%s\n\n<p></p>" | markdownify | replaceRE "\n*<p></p>\n*$" "" | safeHTML -}}</p>
{{ end }}
{{ with .moreInfo }}
<p class="em-card-more-info">
<span class="info-badge icon-square-wrapper bg-darkish"><span>?</span></span>
<span>{{- . | markdownify -}}</span>
</p>
{{ end }}
	{{/* prettier-ignore-end */}}
</div>