<template>
  <div class="v-component table-page" :class="className">
    <Table :columns="currentColumns" :data="currentData"></Table>
    <Page :total="100" show-sizer v-if="showPage"/>
  </div>
</template>

<script>
export default {
  props: {
    data: {
      type: [Array, String, Object],
      required: true
    },
    columns: {
      type: Array,
      required: true
    },
    tableOpts: {
      type: Object,
      default () {
        return {}
      }
    },
    pageOpts: {
      type: Object,
      default () {
        return {}
      }
    },
    className: {
      type: String,
      default: ''
    },
    loading: Boolean,
    showPage: {
      type: Boolean,
      default: true
    }
  },
  data () {
    return {
      currentData: [],
      currentColumns: [],
      currentTableOpts: {},
      currentPageOpts: {}
    }
  },
  created () {},
  methods: {}
}
</script>