<script>
export default {
  name: 'GridTableBody',
  inject: ['table'],
  props: {
    data: {
      type: Array,
      default: null
    },
    itemRender: {
      type: Function,
      default: null
    },
    size: {
      type: String,
      default: ''
    }
  },
  render (h) {
    return h('div', {
      staticClass: `l-flex__self l-grid ${this.size} u-overflow-y--auto`
    }, this.itemRender && this.data?.map(this.itemRender))
  }
}
</script>
