{{#ember-wormhole to='wormhole-overlays'}}
  {{! ember-wormhole@0.5.0 must have a stable root element in 2.10.0-beta's }}
  <div>
    {{#modal-dialog action=cancel}}
      <div class='card' data-test-pending-uploads-warning>
        <div class='text-content'>
          <div class='content-header'>
            <h4>{{i18n 'Are you sure you want to leave this page?'}}</h4>
          </div>

          <div class='pd-b-3'>
            <p>{{i18n 'Your video upload progress may be lost.'}}</p>
          </div>

          <div class='buttons'>
            <button data-test-cancel onclick={{cancel}} class='button button--text'>
              {{i18n 'Stay here'}}
            </button>

            <button
                onclick={{confirm}}
                class='button button--alert'
                type='button'
                data-test-confirm>
              {{i18n 'Leave'}}
            </button>
          </div>
        </div>
      </div>
    {{/modal-dialog}}
  </div>
{{/ember-wormhole}}
