{{#if isShowingConfirm}}
  <div data-test-target="slide-panel-confirmable-action-content">
    {{#hk-slide-panel/breakout
      onClickOverlay=(action onClickOverlay)
      as |breakout|
    }}
    <div class="br1 br--top">
      <p class="ma0 pv3 ph4 f5 lh-copy">
        {{yield}}
      </p>
      <div class="flex pa4 pt0">
        {{hk-button
          onClick=(action onCancel breakout.dismiss)
          buttonType="secondary"
          class="w-50 mr2"
          default=secondaryButtonText
          data-test-target="confirmable-action-cancel"
        }}

        {{hk-button
          onClick=(action onConfirm breakout.dismiss)
          buttonType=primaryButtonType
          class="w-50"
          default=primaryButtonText
          disabled=primaryDisabled
          data-test-target="confirmable-action-confirm"
        }}
      </div>
    </div>
    {{/hk-slide-panel/breakout}}
  </div>
{{/if}}