import { defineComponent as s, ref as u, openBlock as e, createElementBlock as o, createCommentVNode as n, createBlock as a, unref as l } from "./composables-Ci32s3jE.js";
import { AuthForm as c, AuthCreate as d } from "./components.js";
const i = { class: "flex flex-col p-4" }, f = {
  key: 1,
  class: "flex justify-center mt-4"
}, x = /* @__PURE__ */ s({
  __name: "AuthLogin",
  setup(k) {
    const t = u(!1);
    return (m, r) => (e(), o("div", i, [
      t.value ? n("", !0) : (e(), o("button", {
        key: 0,
        class: "text-xl flex justify-center bg-light-900 dark-bg-dark-200 hover-bg-light-50 hover-dark-bg-dark-600 p-4 rounded-2xl shadow-lg hover-shadow-xl transition duration-200 ease-out font-bold",
        onClick: r[0] || (r[0] = (h) => t.value = !0)
      }, "Create a new account")),
      t.value ? n("", !0) : (e(), o("div", f, "or")),
      t.value ? (e(), a(l(d), { key: 3 })) : (e(), a(l(c), { key: 2 }))
    ]));
  }
});
export {
  x as default
};
//# sourceMappingURL=AuthLogin-C4ldGI8I.js.map
