index

// main
import Vue, { CreateElement } from 'vue'
import { Component, Mixins } from 'vue-mixin-decorator'
import { VdivConfig, VdivMixins, vdivMixins } from './mixins'

export const settings: VdivConfig = {}

@Component
class Vdiv extends Mixins<VdivMixins>(Vue, ...vdivMixins) {
  created() {
    this.colorConfig(settings)
  }
  styleMap() {
    return {
      ...this.colorStyles,
    }
  }
  render(el: CreateElement) {
    return el(
      'div',
      {
        class: { 'vue-div': true },
        style: this.styleMap,
      },
      this.$slots.default,
    )
  }
}

export default function vdiv(config?: VdivConfig) {
  if (config) Object.assign(settings, config)
  return Vdiv
}