<div class='frost-bunsen-heading'>
  {{#if collapsible}}
    <span
      class="frost-bunsen-toggle-handle"
      data-test={{hook (concat hook '-toggle')}}
      onkeypress={{action 'handleToggleKeyPress'}}
      onclick={{action (action 'toggle')}}
      tabindex="0"
    >
      {{frost-icon
        hook=(concat hook '-expandCollapseIcon')
        icon='expand-collapse'
      }}
    </span>
  {{/if}}
  {{#if title}}
    <h3>
      {{title}}
    </h3>
  {{/if}}
  {{#if required}}
    <div class='frost-bunsen-required'>Required</div>
  {{/if}}
  {{#if clearable}}
    {{frost-button
      hook=(concat hook '-clearBtn')
      onClick=onClear
      priority='tertiary'
      size='small'
      text='Clear'
    }}
  {{/if}}
</div>
<div class='frost-bunsen-body'>
  {{#if showContent}}
    {{#if description}}
      <div class='frost-bunsen-description'>
        {{description}}
      </div>
    {{/if}}
    {{yield}}
  {{/if}}
</div>
