import "./panel.css";
/* script */
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
import TabPanel from '../tabs/panel';
import { createComponentName, componentMixin } from '../../utils/base';
const __vue_script__ = {
  name: createComponentName('editor-sidebar-panel'),
  components: {
    TabPanel
  },
  mixins: [componentMixin],
  props: {
    name: {
      type: String,
      required: true
    },
    title: {
      type: String,
      default: ''
    }
  },

  data() {
    return {
      isMounted: false
    };
  },

  mounted() {
    this.isMounted = true;
  }

};
/* template */

var __vue_render__ = function () {
  var _vm = this;

  var _h = _vm.$createElement;

  var _c = _vm._self._c || _h;

  return _c("tab-panel", _vm._g({
    class: _vm.bem(),
    attrs: {
      name: _vm.name
    },
    scopedSlots: _vm._u([{
      key: "label",
      fn: function (ref) {
        var active = ref.active;
        return _c("div", {
          class: _vm.bem("tab")
        }, [_vm._t("tab", null, {
          active: active
        })], 2);
      }
    }])
  }, _vm.$listeners), [_c("div", [_vm.title || _vm.$slots.title ? _c("div", {
    class: _vm.bem("title")
  }, [_vm._t("title", [_vm._v("\n                " + _vm._s(_vm.title) + "\n            ")])], 2) : _vm._e(), _vm._v(" "), _vm._t("default")], 2)]);
};

var __vue_staticRenderFns__ = [];
__vue_render__._withStripped = true;
/* style */

const __vue_inject_styles__ = undefined;
/* scoped */

const __vue_scope_id__ = undefined;
/* module identifier */

const __vue_module_identifier__ = undefined;
/* functional template */

const __vue_is_functional_template__ = false;
/* component normalizer */

import __vue_normalize__ from '../../utils/vue-normalize-component.js';
/* style inject */

/* style inject SSR */

export default __vue_normalize__({
  render: __vue_render__,
  staticRenderFns: __vue_staticRenderFns__
}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, undefined, undefined);