{{!
  Copyright (c) HashiCorp, Inc.
  SPDX-License-Identifier: MPL-2.0
~}}

{{#if this.errorMessage}}
  <div class="notification is-danger">
    <div class="columns">
      <div class="column">
        <h3 data-test-job-error-title class="title is-4">{{this.errorMessage.title}}</h3>
        <p data-test-job-error-body>{{this.errorMessage.description}}</p>
      </div>
      <div class="column is-centered is-minimum">
        <button data-test-job-error-close class="button is-danger" onclick={{action this.onDismiss}} type="button">Okay</button>
      </div>
    </div>
  </div>
{{/if}}
