'use strict';

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

var vue = require('vue');
require('../../../utils/index.js');
var divider = require('./divider.js');
var createNamespace = require('../../../utils/create-namespace.js');

"use strict";
var _sfc_main = /* @__PURE__ */ vue.defineComponent({
  ...{
    name: "LlDivider"
  },
  __name: "divider",
  props: divider.dividerProps,
  setup(__props) {
    const props = __props;
    const bem = createNamespace.createNamespace("divider");
    const attrs = vue.useAttrs();
    const computedStyle = vue.computed(() => ({
      borderColor: props.borderColor
    }));
    return (_ctx, _cache) => {
      const _component_ll_icon = vue.resolveComponent("ll-icon");
      const _component_a_divider = vue.resolveComponent("a-divider");
      return vue.openBlock(), vue.createBlock(_component_a_divider, vue.mergeProps({
        class: vue.unref(bem).b()
      }, vue.unref(attrs), { style: computedStyle.value }), {
        default: vue.withCtx(() => [
          _ctx.prefixIcon ? (vue.openBlock(), vue.createBlock(_component_ll_icon, {
            key: 0,
            "icon-name": _ctx.prefixIcon
          }, null, 8, ["icon-name"])) : vue.createCommentVNode("v-if", true),
          props.content ? (vue.openBlock(), vue.createElementBlock(
            "span",
            {
              key: 1,
              style: vue.normalizeStyle({ color: _ctx.textColor })
            },
            vue.toDisplayString(props.content),
            5
            /* TEXT, STYLE */
          )) : vue.renderSlot(_ctx.$slots, "default", { key: 2 }),
          _ctx.suffixIcon ? (vue.openBlock(), vue.createBlock(_component_ll_icon, {
            key: 3,
            "icon-name": _ctx.suffixIcon
          }, null, 8, ["icon-name"])) : vue.createCommentVNode("v-if", true)
        ]),
        _: 3
        /* FORWARDED */
      }, 16, ["class", "style"]);
    };
  }
});

exports.default = _sfc_main;
//# sourceMappingURL=divider.vue2.js.map
