<template>
  <MDialog :visible.sync="show" v-bind="$attrs" :footer="false">
    <MTable
      :headers="headers"
      :items="items"
      :show-select="false"
      :is-tools="false"
      :loading="false"
      elevation="0"
    >
      <template #actions="{ item }">
        <slot name="actions" :item="item"></slot>
      </template>
    </MTable>
  </MDialog>
</template>

<script>
import MDialog from '@/components/Dialog'
import MTable from '@/components/List/table'
export default {
  name: 'modelDetails',
  components: {
    MDialog,
    MTable
  },
  data () {
    return {
      show: false,
      headers: [],
      items: []
    }
  },
  methods: {
    open (header, items) {
      this.headers = header
      this.items = items
      this.show = true
    },
    close () {
      this.show = false
    }
  }
}
</script>

<style lang="scss" scoped>

</style>
