<script>
import DefaultModal from '@inside-library/components/modals/default/DefaultModal'

import ParagraphListing from '@inside-library/components/listing/ParagraphListing'

export default {
  name: 'flash-info-modal',
  extends: DefaultModal,
  data() {
    return {
      selection: {
        title: 'title',
        content: 'content'
      }
    }
  },
  methods: {
    scaffold(fields) {
      return {
        title: fields.title,
        sections: [
          {
            fields: [
              {
                tag: ParagraphListing,
                class: 'mb-xxl',
                data: {
                  heritedData: fields.content,
                  heritedOptions: {
                    template: true
                  }
                }
              }
            ]
          }
        ]
      }
    }
  }
}
</script>

<style lang="scss">
.flash-info-modal-container {
  .modal__header {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
}
</style>
