<div class="generic-modal{{#if isWarning}} generic-modal--is-warning{{/if}} js-modal js-modal-id-{{id}}">
<div class="generic-modal__inner">
<div class="grid-container">
<div class="grid-x grid-padding-x align-center">
<div class="{{#if isWarning}}cell medium-offset-1 medium-6 vertical-align{{/if}}">
<div class="generic-modal__container">
<a href="#" class="generic-modal__close-button js-close-modal js-close-cross-modal"></a>
{{#if icon}}<div class="generic-modal__icon">{{{ icon }}}</div>{{/if}}
{{#if title}}<h3 class="generic-modal__title">{{ title }}</h3>{{/if}}
{{#if subtitle}}<p class="generic-modal__subtitle">{{{ subtitle }}}</h2>{{/if}}
<ul class="generic-modal__buttons">
{{#if cancelButton}}<li>{{> @cp-button-secondary target=cancelButton.target url=cancelButton.url text=cancelButton.text modifier="with-icon" cssClasses="js-close-modal" }}</li>{{/if}}
{{#if confirmButton}}<li>{{> @cp-button-secondary target=confirmButton.target url=confirmButton.url text=confirmButton.text modifier="warning" disabled="true" cssClasses="js-confirm-button"}}</li>{{/if}}
</p>
</div>
</div>
</div>
</div>
</div>
</div>