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

//# sourceMappingURL=TabItem.vue2.js.map