{{/* Partial for simple accessible collapse
	* Example :
	*		partial "components/collapse" (dict "label" "?" "content" "The collapse content")
*/}}

{{ $seed := .content }}
{{ $randomId := slicestr (delimit (shuffle (split (md5 $seed) "" )) "") 0 6 }}
{{ $optBlock := dict "display" "block" }}
{{ $optOrg := dict "markup" "org" }}


<div class="js-collapse">
	<button
		class="collapse-button js-collapse-button button-default font-weight:bold text-align:start"
		aria-label="{{ .label }}"
		aria-expanded="false"
		aria-describedby="collapse-{{ $randomId }}"
	>
		<span class="text-decoration:underline">{{ .label }}</span>&nbsp;<span
			>{{ partial "svg/inline-svg-use" "icon-anchor-down" }}</span
		>
	</button>
<div class="collapse-content js-collapse-content display:none" id="collapse-{{ $randomId }}" role="collapse">
	<div>{{ .content | printf "%s\n\n<p></p>" | markdownify | replaceRE "\n*<p></p>\n*$" "" | safeHTML }}</div>
	{{ if and (isset . "moreHref") (isset . "moreLabel") }}
		<hr class="x-small" />
		{{ .knowMore }}
		{{ partial "components/content-link" (dict "href" .moreHref "label" .moreLabel) }}
	{{ end }}
</div>
</div>