import { P as c, r as m, n } from "./plus-base-1920dd44.mjs";
import { e as b } from "./custom-element-eaccb8d2.mjs";
import { n as d } from "./static-be5c3b1c.mjs";
import { t as f, s as v } from "./tab.style-24ee8994.mjs";
import "./index-975d3293.mjs";
var y = Object.defineProperty, h = Object.getOwnPropertyDescriptor, a = (o, e, i, s) => {
  for (var t = s > 1 ? void 0 : s ? h(e, i) : e, l = o.length - 1, p; l >= 0; l--)
    (p = o[l]) && (t = (s ? p(e, i, t) : p(t)) || t);
  return s && t && y(e, i, t), t;
};
let r = class extends c {
  constructor() {
    super(), this.size = "md", this.active = !1, this.kind = "horizontal", this.slot = "tabItem";
  }
  render() {
    const { size: o, active: e, disabled: i, kind: s } = this, { tabItem: t } = f({ size: o, active: e, disabled: i, kind: s });
    return d`
      <div class=${t()} @click=${() => !this.disabled && this.emit("plus-tab-click")} role="tab" aria-selected=${e} tabindex=${e ? 0 : -1}>
        <slot></slot>
      </div>
    `;
  }
};
r.styles = [...c.styles, m(v)];
a([
  n({ type: String })
], r.prototype, "size", 2);
a([
  n({ type: Boolean, reflect: !0 })
], r.prototype, "active", 2);
a([
  n({ type: String })
], r.prototype, "kind", 2);
r = a([
  b("plus-tab")
], r);
export {
  r as TabComponent
};
