import { defineComponent, createVNode } from 'vue';
import '../../../utils/index.mjs';
import useConfigInject from '../../config-provider/src/hooks/useConfigInject.mjs';
import { breadcrumbSeparatorProps } from './props.mjs';
import { flattenChildren } from '../../../utils/vue/props.mjs';

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

export { ABreadcrumbSeparator as default };
//# sourceMappingURL=BreadcrumbSeparator.mjs.map
