<script>
import { markRaw } from 'vue'

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

import FullNews from '../news/FullNews'

export default {
  name: 'flash-info-modal',
  components: { FullNews },
  extends: DefaultModal,
  data() {
    return {
      selection: {}
    }
  },
  methods: {
    scaffold(fields) {
      return {
        sections: [
          {
            fields: [
              {
                tag: markRaw(FullNews),
                data: fields
              }
            ]
          }
        ]
      }
    }
  }
}
</script>

<style lang="scss">
@use '@inside-library/styles/mixins/partials/common-mixin' as *;

.flash-info-modal {
  .modal__header {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 20px;
    background-color: var(--color-thirdary);
  }

  .modal__body {
    padding-top: 2rem;
  }

  .full-news-container {
    .actions,
    .bottom-actions {
      display: none;
    }
  }
}
</style>
