import { createElementBlock as t, openBlock as a, Fragment as o, renderList as i, normalizeClass as n, createElementVNode as _, createTextVNode as l, createCommentVNode as d, toDisplayString as s } from "vue";
/* empty css              */
import m from "../../../_virtual/_plugin-vue_export-helper.js";
const u = { class: "chat-tabs__list" }, p = ["aria-pressed", "onClick"], h = {
  key: 0,
  class: "chat-tabs__badge"
}, b = {
  __name: "ChatTabs",
  props: {
    tabs: {
      type: Array,
      required: !0,
      default: () => []
    }
  },
  emits: ["tab-click"],
  setup(c) {
    return (r, k) => (a(), t("ul", u, [
      (a(!0), t(o, null, i(c.tabs, (e) => (a(), t("li", {
        key: e.id,
        class: n(["chat-tabs__item", { "chat-tabs__item--active": e.active }])
      }, [
        _("button", {
          class: "chat-tabs__button",
          "aria-pressed": e.active,
          onClick: (f) => r.$emit("tab-click", e.id)
        }, [
          l(s(e.label) + " ", 1),
          e.count !== void 0 ? (a(), t("span", h, s(e.count), 1)) : d("", !0)
        ], 8, p)
      ], 2))), 128))
    ]));
  }
}, g = /* @__PURE__ */ m(b, [["__scopeId", "data-v-08e917d3"]]);
export {
  g as default
};
