'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var vue = require('vue');
require('../../../utils/index.cjs');
var props = require('./props.cjs');
var _class = require('../../../utils/dom/class.cjs');

var PanelContent = /* @__PURE__ */ vue.defineComponent({
  compatConfig: {
    MODE: 3
  },
  name: "PanelContent",
  props: props.collapsePanelProps(),
  setup(props, {
    slots
  }) {
    const rendered = vue.shallowRef(false);
    vue.watchEffect(() => {
      if (props.isActive || props.forceRender)
        rendered.value = true;
    });
    return () => {
      var _a;
      if (!rendered.value)
        return null;
      const {
        prefixCls,
        isActive,
        role
      } = props;
      return vue.createVNode("div", {
        "class": _class.classNames(`${prefixCls}-content`, {
          [`${prefixCls}-content-active`]: isActive,
          [`${prefixCls}-content-inactive`]: !isActive
        }),
        "role": role
      }, [vue.createVNode("div", {
        "class": `${prefixCls}-content-box`
      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]);
    };
  }
});

exports.default = PanelContent;
//# sourceMappingURL=PanelContent.cjs.map
