"use strict";
exports.id = 392;
exports.ids = [392];
exports.modules = {

/***/ 9392:
/***/ ((module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (/* binding */ WelcomePage)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2322);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4661);
/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_router_dom__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _components_CmsSettingsForm__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(391);
/* harmony import */ var _components_UserForm__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(7260);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_CmsSettingsForm__WEBPACK_IMPORTED_MODULE_3__, _components_UserForm__WEBPACK_IMPORTED_MODULE_4__]);
([_components_CmsSettingsForm__WEBPACK_IMPORTED_MODULE_3__, _components_UserForm__WEBPACK_IMPORTED_MODULE_4__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);





function WelcomePage() {
    const navigate = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_2__.useNavigate)();
    const [step, setStep] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)("account");
    const onAccountSuccess = ()=>{
        setStep("settings");
    };
    const onSettingsSuccess = ()=>{
        navigate(`/`);
    };
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
        className: "dark:bg-black py-8 my-auto",
        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
            className: "bg-white rounded-lg mx-auto max-w-sm shadow-md w-full overflow-hidden dark:bg-gray-800",
            children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                className: "py-4 px-6",
                children: [
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("img", {
                        src: "/admin/static/logo_small_black.svg",
                        width: "80px",
                        className: "mx-auto mt-3 mb-6"
                    }),
                    step === "account" && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_UserForm__WEBPACK_IMPORTED_MODULE_4__/* .UserForm */ .H, {
                        onSuccess: onAccountSuccess
                    }),
                    step === "settings" && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_CmsSettingsForm__WEBPACK_IMPORTED_MODULE_3__/* .CmsSettingsForm */ .p, {
                        onSuccess: onSettingsSuccess
                    })
                ]
            })
        })
    });
}

__webpack_async_result__();
} catch(e) { __webpack_async_result__(e); } });

/***/ }),

/***/ 391:
/***/ ((module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "p": () => (/* binding */ CmsSettingsForm)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2322);
/* harmony import */ var _cromwell_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1815);
/* harmony import */ var _cromwell_core_frontend__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4536);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _components_inputs_SwitchInput__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(1239);
/* harmony import */ var _components_loadBox_LoadingStatus__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(2850);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_inputs_SwitchInput__WEBPACK_IMPORTED_MODULE_4__, _components_loadBox_LoadingStatus__WEBPACK_IMPORTED_MODULE_5__]);
([_components_inputs_SwitchInput__WEBPACK_IMPORTED_MODULE_4__, _components_loadBox_LoadingStatus__WEBPACK_IMPORTED_MODULE_5__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);






function CmsSettingsForm(props) {
    const [loading, setLoading] = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(false);
    const apiClient = (0,_cromwell_core_frontend__WEBPACK_IMPORTED_MODULE_2__.getRestApiClient)();
    const [modules, setModules] = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)({
        blog: true,
        ecommerce: true
    });
    const handleSubmitClick = async ()=>{
        if (loading) return;
        setLoading(true);
        try {
            await apiClient.setupCmsSecondStep({
                url: window.location.origin,
                modules
            });
            const settings = await apiClient.getAdminCmsSettings();
            if (settings) {
                (0,_cromwell_core__WEBPACK_IMPORTED_MODULE_1__.setStoreItem)("cmsSettings", settings);
            }
            props.onSuccess();
        } catch (e) {
            console.error(e);
        }
        setLoading(false);
    };
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        className: "flex flex-col",
        children: [
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h2", {
                className: "font-medium my-4 text-xl ml-2 text-gray-600 dark:text-gray-200",
                children: "Choose your type of website:"
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                className: "my-2 ml-2",
                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_inputs_SwitchInput__WEBPACK_IMPORTED_MODULE_4__/* .SwitchInput */ .D, {
                    value: modules.blog,
                    onChange: ()=>setModules((prev)=>({
                                ...prev,
                                blog: !prev.blog
                            })),
                    label: "Blog"
                })
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                className: "my-2 ml-2",
                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_inputs_SwitchInput__WEBPACK_IMPORTED_MODULE_4__/* .SwitchInput */ .D, {
                    value: modules.ecommerce,
                    onChange: ()=>setModules((prev)=>({
                                ...prev,
                                ecommerce: !prev.ecommerce
                            })),
                    label: "eCommerce"
                })
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                className: "flex mt-6 items-center justify-between",
                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("button", {
                    onClick: handleSubmitClick,
                    disabled: loading,
                    className: "rounded bg-gray-700 text-white py-2 px-4 transform transition-colors leading-5 duration-200 hover:bg-gray-600 focus:outline-none",
                    type: "submit",
                    children: "Create"
                })
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_loadBox_LoadingStatus__WEBPACK_IMPORTED_MODULE_5__/* .LoadingStatus */ .Q, {
                isActive: loading
            })
        ]
    });
}

__webpack_async_result__();
} catch(e) { __webpack_async_result__(e); } });

/***/ }),

/***/ 7260:
/***/ ((module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "H": () => (/* binding */ UserForm)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2322);
/* harmony import */ var _cromwell_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1815);
/* harmony import */ var _cromwell_core_frontend__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4536);
/* harmony import */ var _heroicons_react_24_solid__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(8802);
/* harmony import */ var _heroicons_react_24_solid__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_heroicons_react_24_solid__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(6689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var react_hook_form__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(5641);
/* harmony import */ var _components_inputs_Image_ImageInput__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(8332);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([react_hook_form__WEBPACK_IMPORTED_MODULE_5__]);
react_hook_form__WEBPACK_IMPORTED_MODULE_5__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];







function UserForm(props) {
    const apiClient = (0,_cromwell_core_frontend__WEBPACK_IMPORTED_MODULE_2__.getRestApiClient)();
    const [avatarInput, setAvatarInput] = (0,react__WEBPACK_IMPORTED_MODULE_4__.useState)(null);
    const [loading, setLoading] = (0,react__WEBPACK_IMPORTED_MODULE_4__.useState)(false);
    const { register , handleSubmit , setError , formState: { errors  }  } = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_5__.useForm)();
    const init = async ()=>{
        await checkAuth();
    };
    const checkAuth = async ()=>{
        try {
            const userInfo = await apiClient.getUserInfo({
                disableLog: true
            });
            if (userInfo) {
                (0,_cromwell_core__WEBPACK_IMPORTED_MODULE_1__.setStoreItem)("userInfo", userInfo);
                props.onSuccess(userInfo);
            }
            return userInfo;
        } catch (error) {
            console.error(error);
        }
    };
    const handleSubmitClick = async (data)=>{
        if (loading) return;
        const { email , password , name , passwordConfirm  } = data;
        if (password !== passwordConfirm) {
            setError("password", {
                type: "manual",
                message: "Passwords don't match."
            });
            setError("passwordConfirm", {
                type: "manual",
                message: "Passwords don't match."
            });
            return;
        }
        setLoading(true);
        try {
            await apiClient.login({
                email: email,
                password: password
            }, {
                disableLog: true
            });
            const user = await checkAuth();
            if (user) return;
        } catch (error) {
            console.error(error);
        }
        try {
            await apiClient.setupCmsFirstStep({
                user: {
                    fullName: name,
                    email: email,
                    password: password,
                    avatar: avatarInput
                }
            });
            await apiClient.login({
                email: email,
                password: password
            });
            await checkAuth();
        } catch (error) {
            console.error(error);
        }
        setLoading(false);
    };
    (0,react__WEBPACK_IMPORTED_MODULE_4__.useEffect)(()=>{
        init();
    }, []);
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        children: [
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h1", {
                className: "font-bold text-center text-3xl text-gray-700 dark:text-white",
                children: "Welcome to Cromwell CMS!"
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h2", {
                className: "font-medium mt-1 text-xl text-center text-gray-600 dark:text-gray-200",
                children: "Let's create your account."
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                className: "flex flex-col mt-2 w-full",
                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_inputs_Image_ImageInput__WEBPACK_IMPORTED_MODULE_6__/* .ImageInput */ .a, {
                    toolTip: "Pick avatar",
                    onChange: setAvatarInput,
                    value: avatarInput,
                    className: "mx-auto mt-2 inline-block",
                    hideSrc: true
                })
            }),
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("form", {
                onSubmit: handleSubmit(handleSubmitClick),
                children: [
                    /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                        className: "mt-4 w-full",
                        children: [
                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("label", {
                                htmlFor: "name",
                                className: "text-xs mb-1 tracking-wide text-gray-600 sm:text-sm",
                                children: "Name"
                            }),
                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                                className: "relative",
                                children: [
                                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                        className: "border border-transparent flex h-full top-0 left-0 w-10 absolute",
                                        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                            className: "rounded-tl-lg rounded-bl-lg flex h-full bg-gray-100 text-lg w-full text-gray-600 z-10 items-center justify-center",
                                            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_heroicons_react_24_solid__WEBPACK_IMPORTED_MODULE_3__.UserIcon, {
                                                className: "h-5 w-5"
                                            })
                                        })
                                    }),
                                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("input", {
                                        type: "text",
                                        placeholder: "Name",
                                        disabled: loading,
                                        ...register("name", {
                                            required: true
                                        }),
                                        className: `text-sm sm:text-base relative w-full border ${errors.name ? "border-red-500" : "border-gray-200"} shadow-md focus:shadow-indigo-300 rounded-lg placeholder-gray-400 focus:border-indigo-400 focus:outline-none py-2 pr-2 pl-12`
                                    })
                                ]
                            }),
                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                                className: "flex font-medium mt-1 text-xs tracking-wide ml-1 text-red-500 items-center",
                                children: errors.name && "Please provide a name."
                            })
                        ]
                    }),
                    /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                        className: "mt-4 w-full",
                        children: [
                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("label", {
                                htmlFor: "email",
                                className: "text-xs mb-1 tracking-wide text-gray-600 sm:text-sm",
                                children: "Email"
                            }),
                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                                className: "relative",
                                children: [
                                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                        className: "border border-transparent flex h-full top-0 left-0 w-10 absolute",
                                        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                            className: "rounded-tl-lg rounded-bl-lg flex h-full bg-gray-100 text-lg w-full text-gray-600 z-10 items-center justify-center",
                                            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_heroicons_react_24_solid__WEBPACK_IMPORTED_MODULE_3__.EnvelopeIcon, {
                                                className: "h-5 w-5"
                                            })
                                        })
                                    }),
                                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("input", {
                                        type: "email",
                                        placeholder: "Email Address",
                                        disabled: loading,
                                        ...register("email", {
                                            required: true
                                        }),
                                        className: `text-sm sm:text-base relative w-full border ${errors.email ? "border-red-500" : "border-gray-200"} shadow-md focus:shadow-indigo-300 rounded-lg placeholder-gray-400 focus:border-indigo-400 focus:outline-none py-2 pr-2 pl-12`
                                    })
                                ]
                            }),
                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                                className: "flex font-medium mt-1 text-xs tracking-wide ml-1 text-red-500 items-center",
                                children: errors.email && "Please provide an email address."
                            })
                        ]
                    }),
                    /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                        className: "mt-4 w-full",
                        children: [
                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("label", {
                                htmlFor: "password",
                                className: "text-xs mb-1 tracking-wide text-gray-600 sm:text-sm",
                                children: "Password"
                            }),
                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                                className: "relative",
                                children: [
                                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                        className: "border border-transparent flex h-full top-0 left-0 w-10 absolute",
                                        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                            className: "rounded-tl-lg rounded-bl-lg flex h-full bg-gray-100 text-lg w-full text-gray-600 z-10 items-center justify-center",
                                            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_heroicons_react_24_solid__WEBPACK_IMPORTED_MODULE_3__.KeyIcon, {
                                                className: "h-5 w-5"
                                            })
                                        })
                                    }),
                                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("input", {
                                        type: "password",
                                        placeholder: "******",
                                        disabled: loading,
                                        ...register("password", {
                                            required: true
                                        }),
                                        className: `text-sm sm:text-base relative w-full border ${errors.password ? "border-red-500" : "border-gray-200"} shadow-md focus:shadow-indigo-300 rounded-lg placeholder-gray-400 focus:border-indigo-400 focus:outline-none py-2 pr-2 pl-12`
                                    })
                                ]
                            }),
                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                                className: "flex font-medium mt-1 text-xs tracking-wide ml-1 text-red-500 items-center",
                                children: errors.password && String(errors.password.message)
                            })
                        ]
                    }),
                    /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                        className: "mt-4 w-full",
                        children: [
                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("label", {
                                htmlFor: "passwordConfirm",
                                className: "text-xs mb-1 tracking-wide text-gray-600 sm:text-sm",
                                children: "Confirm Password"
                            }),
                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                                className: "relative",
                                children: [
                                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                        className: "border border-transparent flex h-full top-0 left-0 w-10 absolute",
                                        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                            className: "rounded-tl-lg rounded-bl-lg flex h-full bg-gray-100 text-lg w-full text-gray-600 z-10 items-center justify-center",
                                            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_heroicons_react_24_solid__WEBPACK_IMPORTED_MODULE_3__.KeyIcon, {
                                                className: "h-5 w-5"
                                            })
                                        })
                                    }),
                                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("input", {
                                        type: "password",
                                        placeholder: "******",
                                        disabled: loading,
                                        ...register("passwordConfirm", {
                                            required: true
                                        }),
                                        className: `text-sm sm:text-base relative w-full border ${errors.passwordConfirm ? "border-red-500" : "border-gray-200"} shadow-md focus:shadow-indigo-300 rounded-lg placeholder-gray-400 focus:border-indigo-400 focus:outline-none py-2 pr-2 pl-12`
                                    })
                                ]
                            }),
                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                                className: "flex font-medium mt-1 text-xs tracking-wide ml-1 text-red-500 items-center",
                                children: errors.passwordConfirm && String(errors.passwordConfirm.message)
                            })
                        ]
                    }),
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                        className: "flex mt-6 items-center justify-between",
                        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("button", {
                            disabled: loading,
                            className: "rounded bg-gray-700 text-white py-2 px-4 transform transition-colors leading-5 duration-200 hover:bg-gray-600 focus:outline-none",
                            type: "submit",
                            children: "Create"
                        })
                    })
                ]
            })
        ]
    });
}

__webpack_async_result__();
} catch(e) { __webpack_async_result__(e); } });

/***/ })

};
;