import Vue from 'vue'

export default Vue.extend({
  name: 'SntContext',
  props: {
    id: {
      type: String,
      default: 'snt-context'
    }
  },
  render (h) {
    const wrapper = h('div', { staticClass: 'v-application--wrap' }, this.$slots.default)
    return h('div', {
      staticClass: 'v-application theme--light',
      class: {
        'v-application--is-rtl': this.$shipnity.rtl,
        'v-application--is-ltr': !this.$shipnity.rtl
      },
      domProps: { id: this.id },
      attrs: {
        'data-app': true
      }
    }, [wrapper])
  }
})
