import { defineComponent as u, ref as d, resolveComponent as r, openBlock as e, createElementBlock as o, createCommentVNode as a, createBlock as l } from "vue";
const i = { class: "flex flex-col p-4" }, _ = {
  key: 1,
  class: "flex justify-center mt-4"
}, p = /* @__PURE__ */ u({
  __name: "AuthLogin",
  setup(f) {
    const t = d(!1);
    return (m, n) => {
      const s = r("auth-form"), c = r("auth-create");
      return e(), o("div", i, [
        t.value ? a("", !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: n[0] || (n[0] = (h) => t.value = !0)
        }, "Create a new account")),
        t.value ? a("", !0) : (e(), o("div", _, "or")),
        t.value ? (e(), l(c, { key: 3 })) : (e(), l(s, { key: 2 }))
      ]);
    };
  }
});
export {
  p as default
};
//# sourceMappingURL=AuthLogin-d6cb456f.js.map
