import { defineComponent as n, computed as o, createElementBlock as i, openBlock as c, normalizeClass as d, createElementVNode as p, toDisplayString as r } from "vue";
const m = { class: "dropdown-tab-item__title text-caps13" }, f = /* @__PURE__ */ n({
  __name: "TabItem",
  props: {
    option: {},
    isSelected: { type: Boolean, default: !1 },
    isHovered: { type: Boolean, default: !1 }
  },
  setup(s) {
    const t = s, a = o(() => t.option.label), l = o(() => {
      const e = [];
      return t.isSelected && e.push("dropdown-tab-item__selected"), t.isHovered && e.push("hovered-item"), e.join(" ");
    });
    return (e, u) => (c(), i("div", {
      class: d([l.value, "dropdown-tab-item"])
    }, [
      p("div", m, r(a.value), 1)
    ], 2));
  }
});
export {
  f as default
};
//# sourceMappingURL=TabItem.vue.js.map
