<div class="text-center">
  <button href="#delete" class="btn btn-danger" data-toggle="modal">Modal para eliminar.</button>
  <br />
  <br />
  <button href="#success" class="btn btn-warning" data-toggle="modal">Modal para Agregar.</button>
</div>


<div id="delete" class="modal fade">
  <div class="modal-dialog modal-confirm" >
        <div class="modal-content" >
              <div class="modal-header flex-column">

                  <div class="icon-box">
                    <i class="material-icons">&#xE5CD;</i>
                  </div>
                  <br />
                    <h5 class="modal-title">{{modalTitle}}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                  </div>
                  <div class="{{modalBodyClass}}">
                    <p>{{modalBody}}</p>
                  </div>
                  <div class="modal-footer justify-content-center">
                      <br />
                        <button type="button" class="{{btnCancel}}"  (clickCancel)="onClick()" data-dismiss="modal">{{buttonLabelCancel}}</button>
                        <button type="button" class="{{btnDelete}}"  (clickDelete)="onClick()"  data-dismiss="modal">{{buttonLabelDelete}}</button>
                  </div>
              </div>
          </div>
</div>

<div id="success" class="modal fade">
  <div class="modal-dialog modal-confirm" >
        <div class="modal-content" >
              <div class="modal-header flex-column">
                <br />
                  <div class="icon-box-u">
                    <i class="material-icons">&#xE876;</i>
                  </div>
                  <br />
                  <br />
                  <br />
                  <br />
                    <h5 class="title">{{title}}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                  </div>
                  <div class="modal-footer justify-content-center">
                      <br />
                        <button type="button" class="{{btnSuccess}}"  (clickDelete)="onClick()"  data-dismiss="modal">{{btnAcept}}</button>
                  </div>
              </div>
        </div>