'use strict';

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

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

"use strict";
var _sfc_main = /* @__PURE__ */ vue.defineComponent({
  ...{ name: "LlSegmented" },
  __name: "segmented",
  props: segmented.segmentedProps,
  setup(__props) {
    const attrs = vue.useAttrs();
    const bem = createNamespace.createNamespace("segmented");
    return (_ctx, _cache) => {
      const _component_ll_icon = vue.resolveComponent("ll-icon");
      const _component_a_segmented = vue.resolveComponent("a-segmented");
      return vue.openBlock(), vue.createBlock(_component_a_segmented, vue.mergeProps({ ref: "segmentedRef" }, vue.unref(attrs), {
        class: [
          vue.unref(bem).b(),
          _ctx.useHover ? vue.unref(bem).is("use-hover") : "",
          vue.unref(bem).is(_ctx.checkedStyle === "blue" ? "blue-style" : "white-style")
        ]
      }), vue.createSlots({
        _: 2
        /* DYNAMIC */
      }, [
        _ctx.$slots.label ? {
          name: "label",
          fn: vue.withCtx((data) => [
            vue.renderSlot(_ctx.$slots, "label", vue.normalizeProps(vue.guardReactiveProps(data)))
          ]),
          key: "0"
        } : {
          name: "label",
          fn: vue.withCtx((data) => [
            data?.payload?.icon ? (vue.openBlock(), vue.createBlock(_component_ll_icon, {
              key: 0,
              "icon-name": data?.payload?.icon
            }, null, 8, ["icon-name"])) : vue.createCommentVNode("v-if", true),
            vue.createTextVNode(
              " " + vue.toDisplayString(data.title),
              1
              /* TEXT */
            )
          ]),
          key: "1"
        }
      ]), 1040, ["class"]);
    };
  }
});

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