import { g as e, r as s, h as t, H as n, a } from "./p-9b9ccd0c.js";

import { L as o } from "./p-311eedf3.js";

const i = ":host{display:grid;block-size:100%;overflow:auto;display:flex;align-items:center;justify-content:center}.content{display:flex;align-items:center;flex-direction:column;color:var(--color-text-neutral-default);gap:var(--spacing-gap-xl);text-align:center;padding:var(--spacing-padding-xxl)}.check-icon{block-size:64px;inline-size:64px;border-radius:50%;background-color:var(--color-accent-success-contrast);background-image:var(--icon__system_check_on-surface--enabled);background-repeat:no-repeat;background-position:center center;background-size:32px;margin-block-end:16px}.genexus-next-logo{inline-size:140px;block-size:30px;margin-block-start:108px;mask-size:contain;background-color:var(--color-icon-neutral-default)}";

const c = "gx-ide-assets/sign-in-result";

const r = e(`./${c}/images/left-side-illustration.svg`);

const l = e(`./${c}/images/right-side-illustration.svg`);

const g = e(`./${c}/images/genexus-next-logo.svg`);

const d = [ 
// Use only the bundles that are needed for this component.
"resets/box-sizing", "utils/typography", "utils/spacing" ];

const u = class {
  constructor(e) {
    s(this, e);
  }
  async componentWillLoad() {
    this._componentLocale = await o.getComponentStrings(this.el);
  }
  componentDidLoad() {}
  render() {
    return t(n, {
      class: "widget spacing-body",
      style: {
        backgroundImage: `url('${r}'), url('${l}')`,
        backgroundRepeat: "no-repeat, no-repeat",
        backgroundPosition: "left, right bottom",
        backgroundSize: "auto 100%, auto 55%"
      }
    }, t("ch-theme", {
      model: d
    }), t("div", {
      class: "content"
    }, t("span", {
      class: "check-icon"
    }), t("h1", {
      class: "heading-3"
    }, this._componentLocale.title), t("p", {
      class: "subtitle-regular-s"
    }, this._componentLocale.description), t("div", {
      style: {
        mask: `url(${g}) no-repeat center / contain`
      },
      class: "genexus-next-logo"
    })));
  }
  static get assetsDirs() {
    return [ "gx-ide-assets/sign-in-result" ];
  }
  get el() {
    return a(this);
  }
};

u.style = i;

export { u as gx_ide_sign_in_result };
//# sourceMappingURL=p-ca1b9b8a.entry.js.map