<div class="eds-c-accordion{{#if variant}} eds-c-accordion--{{variant}}{{/if}}">
	<div class="eds-c-accordion__button-container">
		{{#if headingLevel}}
			<h{{headingLevel}} class="eds-c-accordion__heading-wrapper">
		{{/if}}
			<button class="eds-c-accordion__button{{#if open}} is-open{{/if}}" type="button" data-eds-c-accordion 
				{{#if open}}aria-expanded="true"{{else}}aria-expanded="false"{{/if}}
				aria-controls="eds-c-accordion-content-{{id}}" id="{{id}}"
				{{> eds-c-data-attributes }}>
				<div class="eds-c-accordion__header">
					<span class="eds-c-accordion__title">{{title}}</span>
					<svg class="eds-c-accordion__icon" aria-hidden="true" focusable="false">
						<use xlink:href="{{iconURL}}"></use>
					</svg>
				</div>
			</button>
		{{#if headingLevel}}
			</h{{headingLevel}}>
		{{/if}}
		{{#if strip}}
			<div class="eds-c-accordion__strip"></div>
		{{/if}}
	</div>
	<div id="eds-c-accordion-content-{{id}}" aria-labelledby="{{id}}" class="eds-c-accordion__content-wrapper">
		{{#if enableShowMore}}
			<div class="eds-c-accordion__content
				{{#if groupedContent}} eds-c-accordion__content--grouped{{/if}}" 
				{{#if showMoreHeight}}data-show-more-height="{{showMoreHeight}}"{{/if}} 
				{{#if showMoreText}}data-show-more-text="{{showMoreText}}"{{/if}} 
				{{#if showLessText}}data-show-less-text="{{showLessText}}"{{/if}} 
				data-icon-url="{{iconURL}}" 
				style="{{#if showMoreHeight}}--show-more-height: {{showMoreHeight}}px;{{/if}}"
				data-eds-c-accordion-expandable>
				{{> @partial-block}}
			</div>
		{{else}}
			<div class="eds-c-accordion__content{{#if groupedContent}} eds-c-accordion__content--grouped{{/if}}">
				{{> @partial-block}}
			</div>
		{{/if}}
	</div>
</div>
