<div class="modal-content" data-test-modal="publish-limit">
    <header class="modal-header">
        <h1>{{this.headerMessage}}</h1>
    </header>
    <button class="close" title="Close" type="button" {{on "click" @close}}>{{svg-jar "close"}}<span class="hidden">Close</span></button>

    <div class="modal-body">
        <p>
            {{html-safe @data.message}}
        </p>
    </div>

    <div class="modal-footer">
        <button class="gh-btn" data-test-button="cancel-upgrade" type="button" {{on "click" @close}}>
            <span>Cancel</span>
        </button>

        <LinkTo @route="pro" @query={{hash action="checkout"}} class="gh-btn gh-btn-green" {{on "click" @close}} data-test-button="upgrade-plan">
            <span>Upgrade</span>
        </LinkTo>
    </div>
</div>