"use client";
import { A as m, C as c, D as d } from "./index.package-DVXWP15X.js";
import { n as u, o as f } from "./class-map-PJQE20qS.js";
import { c as v } from "./index-DHgooZrL.js";
import { r as w } from "./tron-connector-BRlrwEsj.js";
import "./index-BcLlIN_e.js";
const x = m`
  :host {
    position: relative;
    display: inline-block;
  }

  wui-text {
    margin: var(--wui-spacing-xxs) var(--wui-spacing-m) var(--wui-spacing-0) var(--wui-spacing-m);
  }
`;
var o = function(a, i, r, s) {
  var n = arguments.length, e = n < 3 ? i : s === null ? s = Object.getOwnPropertyDescriptor(i, r) : s, l;
  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") e = Reflect.decorate(a, i, r, s);
  else for (var p = a.length - 1; p >= 0; p--) (l = a[p]) && (e = (n < 3 ? l(e) : n > 3 ? l(i, r, e) : l(i, r)) || e);
  return n > 3 && e && Object.defineProperty(i, r, e), e;
};
let t = class extends c {
  constructor() {
    super(...arguments), this.disabled = !1;
  }
  render() {
    return d`
      <wui-input-text
        type="email"
        placeholder="Email"
        icon="mail"
        size="mdl"
        .disabled=${this.disabled}
        .value=${this.value}
        data-testid="wui-email-input"
        tabIdx=${f(this.tabIdx)}
      ></wui-input-text>
      ${this.templateError()}
    `;
  }
  templateError() {
    return this.errorMessage ? d`<wui-text variant="tiny-500" color="error-100">${this.errorMessage}</wui-text>` : null;
  }
};
t.styles = [w, x];
o([
  u()
], t.prototype, "errorMessage", void 0);
o([
  u({ type: Boolean })
], t.prototype, "disabled", void 0);
o([
  u()
], t.prototype, "value", void 0);
o([
  u()
], t.prototype, "tabIdx", void 0);
t = o([
  v("wui-email-input")
], t);
