'use strict';

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

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

const DefaultPanel = /* @__PURE__ */ vue.defineComponent({
  name: "DefaultPanel",
  inheritAttrs: false,
  props: _interface.tourStepProps(),
  setup(props, {
    attrs
  }) {
    return () => {
      const {
        prefixCls,
        current,
        total,
        title,
        description,
        onClose,
        onPrev,
        onNext,
        onFinish
      } = props;
      return vue.createVNode("div", {
        ...attrs,
        "class": _class.classNames(`${prefixCls}-content`, attrs.class)
      }, [vue.createVNode("div", {
        "class": `${prefixCls}-inner`
      }, [vue.createVNode("button", {
        "type": "button",
        "onClick": onClose,
        "aria-label": "Close",
        "class": `${prefixCls}-close`
      }, [vue.createVNode("span", {
        "class": `${prefixCls}-close-x`
      }, [vue.createTextVNode("\xD7")])]), vue.createVNode("div", {
        "class": `${prefixCls}-header`
      }, [vue.createVNode("div", {
        "class": `${prefixCls}-title`
      }, [title])]), vue.createVNode("div", {
        "class": `${prefixCls}-description`
      }, [description]), vue.createVNode("div", {
        "class": `${prefixCls}-footer`
      }, [vue.createVNode("div", {
        "class": `${prefixCls}-sliders`
      }, [total > 1 ? [...Array.from({
        length: total
      }).keys()].map((item, index) => {
        return vue.createVNode("span", {
          "key": item,
          "class": index === current ? "active" : ""
        }, null);
      }) : null]), vue.createVNode("div", {
        "class": `${prefixCls}-buttons`
      }, [current !== 0 ? vue.createVNode("button", {
        "class": `${prefixCls}-prev-btn`,
        "onClick": onPrev
      }, [vue.createTextVNode("Prev")]) : null, current === total - 1 ? vue.createVNode("button", {
        "class": `${prefixCls}-finish-btn`,
        "onClick": onFinish
      }, [vue.createTextVNode("Finish")]) : vue.createVNode("button", {
        "class": `${prefixCls}-next-btn`,
        "onClick": onNext
      }, [vue.createTextVNode("Next")])])])])]);
    };
  }
});

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