{{#ember-wormhole to=destinationId}}
  {{#hk-slide-panel/overlay
    isOpen=isOpen
    class=containerClassNames
    clickOverlayToClose=clickOverlayToClose
    onClick=(action 'dismiss')}}
    <div
      {{focus-trap
        isActive=focusTrapIsActive
      }}
      class="hk-slide-panel-container shadow-outer-2 flex flex-column fixed bg-white overflow-y-hidden ma2 br2 {{slideDirection}} {{panelDimensions}}"
      data-test-target="slide-panel-container"
    >
      {{yield
        (hash
          dismiss=(action 'dismiss')
          header=(component "hk-slide-panel/header" onDismiss=(action 'dismiss'))
          content=(component "hk-slide-panel/content")
          footer=(component "hk-slide-panel/footer")
          button=(component 'hk-button')
          closeButton=(component 'hk-button'
            buttonType="secondary"
            classNames="w-50 mr2"
            onClick=(action 'dismiss')
            default="Cancel"
            type="button"
            data-test-target="close-button"
          )
          primaryButton=(component 'hk-button'
            buttonType="primary"
            classNames="w-50"
            default="Save"
            data-test-target="primary-button"
          )
          confirmableAction=(component 'hk-slide-panel/confirmable-action'
            primaryButtonText="Confirm"
            secondaryButtonText="Cancel"
          )
        )
      }}
    </div>
  {{/hk-slide-panel/overlay}}
{{/ember-wormhole}}