// Types
import { VNode } from 'vue'

// Extensions
import VMain from '../VMain/VMain'
import { deprecate } from '../../util/console'

/* @vue/component */
export default VMain.extend({
  name: 'v-main',

  created () {
    deprecate('v-content', 'v-main', this)
  },

  render (h): VNode {
    // Add the legacy class names
    const node = VMain.options.render.call(this, h)

    node.data!.staticClass += ' v-content'
    node.children![0]!.data!.staticClass += ' v-content__wrap'

    return h(node.tag, node.data, node.children)
  },
})