{{#common/modal-dialog onClose=(action 'closeModal') defaultShowModal=extensionToUninstall renderInPlace=renderInPlace}}
  <div class="card pd-2">
    <h5 data-test-selector="ext-modal-header">{{i18n 'Are you sure you want to Uninstall?'}}</h5>
    <hr>
    <p>{{i18n 'You are uninstalling'}}</p>
    <p class="strong" data-test-selector="ext-modal-name">{{extensionToUninstall.extension.name}}</p>
    <p class="mg-t-1 mg-b-2" data-test-selector="ext-modal-message">{{i18n 'Are you sure you want to uninstall?'}}</p>
    <hr>
    <div class="align-center">
      {{#common/button-element onClick=(action 'closeModal') isHollow=true testSelector='ext-modal-cancel'}}
        {{t 'general.forms.cancel'}}
      {{/common/button-element}}
      &nbsp;
      {{#common/button-element onClick=(action 'proceed') testSelector='ext-modal-proceed'}}
        {{i18n 'Uninstall'}}
      {{/common/button-element}}
    </div>
  </div>
{{/common/modal-dialog}}
{{#common/modal-dialog onClose=(action 'closeModal') defaultShowModal=installedExtension.needsConfig renderInPlace=renderInPlace}}
  <div class="card pd-2">
    <h5 data-test-selector="ext-modal-header">{{i18n 'Extension Installed Successfully!'}}</h5>
    <hr>
    <p class="mg-t-1 mg-b-2" data-test-selector="ext-modal-message">{{i18n "This extension requires some information from you in order to function correctly! (You can change this at any time on the Extension's details page)."}}</p>
    <hr>
    <div class="align-center">
      {{#common/button-element onClick=(action 'closeModal') isHollow=true testSelector='ext-modal-cancel'}}
        {{i18n 'Skip for Now'}}
      {{/common/button-element}}
      &nbsp;
      {{#link-to 'settings.extensions.config' installedExtension.id class='button' data-test-selector='ext-modal-proceed'}}
        {{i18n 'Go to Config'}}
      {{/link-to}}
    </div>
  </div>
{{/common/modal-dialog}}
{{#common/modal-dialog onClose=(action 'closeModal') defaultShowModal=installedExtension renderInPlace=renderInPlace}}
  <div class="card pd-2">
    <h5 data-test-selector="ext-modal-header">{{i18n 'Extension Installed Successfully!'}}</h5>
    <hr>
    <p data-test-selector="ext-modal-message">{{i18n "Now that you have installed this extension, you'll need to activate it on your channel page!"}}</p>
    <p class="mg-t-1 mg-b-2">{{i18n 'Would you like to go to your channel page now?'}}</p>
    <hr>
    <div class="align-center">
      {{#common/button-element onClick=(action 'closeModal') isHollow=true testSelector='ext-modal-cancel'}}
        {{i18n 'Continue Browsing'}}
      {{/common/button-element}}
      &nbsp;
      {{#link-to 'channel' channel class='button' data-test-selector='ext-modal-proceed'}}
        {{i18n 'Go to Channel'}}
      {{/link-to}}
    </div>
  </div>
{{/common/modal-dialog}}
