<template>
  <section>
    <!-- <b-modal :active="show" :on-cancel="close" :width="1200" destroy-on-hide> -->
    <div class="card">
      <div class="card-content">
        <h2 style="font-size: 1.2rem; margin-bottom: 1rem">
          <slot name="header-title">
            Text
          </slot>
        </h2>

        <section>
          <slot name="content" />
        </section>
        <div style="height: 50px" />
        <div class="card-footer">
          <section class="buttons">
            <b-button type="is-danger" size="is-small" outlined @click="$emit('cancel')">
              <slot name="cancel-button">
                Cancel
              </slot>
              <!-- Close -->
            </b-button>

            <b-button
              type="is-primary"
              size="is-small"
              :disabled="hasError"
              @click="$emit('confirm')"
            >
              <slot name="confirm-button">
                Save
              </slot>
            </b-button>
          </section>
        </div>
      </div>
    </div>
    <!-- </b-modal> -->
  </section>
</template>
