'use strict';

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

var vue = require('vue');
var index = require('../_util/props-util/index.js');
require('../hooks/index.js');
var useConfigInject = require('../config-provider/hooks/useConfigInject.js');

const breadcrumbSeparatorProps = () => ({
  prefixCls: String
});
var BreadcrumbSeparator = /* @__PURE__ */ vue.defineComponent({
  compatConfig: {
    MODE: 3
  },
  name: "ABreadcrumbSeparator",
  __ANT_BREADCRUMB_SEPARATOR: true,
  inheritAttrs: false,
  props: breadcrumbSeparatorProps(),
  setup(props, {
    slots,
    attrs
  }) {
    const {
      prefixCls
    } = useConfigInject.default("breadcrumb", props);
    return () => {
      var _a;
      const {
        separator,
        class: className,
        ...restAttrs
      } = attrs;
      const children = index.flattenChildren((_a = slots.default) == null ? void 0 : _a.call(slots));
      return vue.createVNode("span", vue.mergeProps({
        "class": [`${prefixCls.value}-separator`, className]
      }, restAttrs), [children.length > 0 ? children : "/"]);
    };
  }
});

exports.breadcrumbSeparatorProps = breadcrumbSeparatorProps;
exports.default = BreadcrumbSeparator;
//# sourceMappingURL=BreadcrumbSeparator.js.map
