import * as __WEBPACK_EXTERNAL_MODULE__chakra_ui_react__ from "@chakra-ui/react";
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
import * as __WEBPACK_EXTERNAL_MODULE__Auth0Button_mjs__ from "./Auth0Button.mjs";
import * as __WEBPACK_EXTERNAL_MODULE__Auth0Header_mjs__ from "./Auth0Header.mjs";
import * as __WEBPACK_EXTERNAL_MODULE__Auth0Input_mjs__ from "./Auth0Input.mjs";
import * as __WEBPACK_EXTERNAL_MODULE__Auth0Modal_mjs__ from "./Auth0Modal.mjs";
import * as __WEBPACK_EXTERNAL_MODULE__Auth0ModalBody_mjs__ from "./Auth0ModalBody.mjs";
import * as __WEBPACK_EXTERNAL_MODULE__Auth0ModalDescription_mjs__ from "./Auth0ModalDescription.mjs";
import * as __WEBPACK_EXTERNAL_MODULE__Auth0Divider_mjs__ from "./Auth0Divider.mjs";
import * as __WEBPACK_EXTERNAL_MODULE__Auth0ModalHeading_mjs__ from "./Auth0ModalHeading.mjs";
import * as __WEBPACK_EXTERNAL_MODULE__Auth0ModalLink_mjs__ from "./Auth0ModalLink.mjs";
import * as __WEBPACK_EXTERNAL_MODULE__Auth0ModalText_mjs__ from "./Auth0ModalText.mjs";
import * as __WEBPACK_EXTERNAL_MODULE__Auth0SubmitButton_mjs__ from "./Auth0SubmitButton.mjs";
/* ESM default export */ const Auth0_stories_rslib_entry_ = {
    title: 'components/Auth0',
    component: ()=>{
    // no op
    },
    parameters: {
        design: {
            type: 'figma',
            url: 'https://www.figma.com/file/DbDByXJashIVQ2v10PhdLH/Login?node-id=63%3A60&mode=dev'
        }
    }
};
const Login = {
    render: ()=>{
        const [emailAddress, setEmailAddress] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)('');
        return /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Auth0Modal_mjs__["default"], null, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Auth0Header_mjs__["default"], {
            withLogo: true
        }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Auth0ModalHeading_mjs__["default"], null, "Welcome"), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Auth0ModalDescription_mjs__["default"], null, "Log in to Redpanda (dev) to continue to Redpanda Cloud.")), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Auth0ModalBody_mjs__["default"], null, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.chakra.form, {
            method: "POST",
            "data-form-primary": "true"
        }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Auth0Input_mjs__["default"], {
            placeholder: "Email address",
            onChange: (event)=>setEmailAddress(event.target.value),
            value: emailAddress
        }), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Auth0SubmitButton_mjs__["default"], {
            type: "submit"
        }, "Continue")), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Auth0ModalText_mjs__["default"], null, "Don't have an account?", /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Auth0ModalLink_mjs__["default"], {
            isExternal: true,
            href: "https://redpanda.com/",
            "aria-label": "sign-up-link"
        }, "Sign up")), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Auth0Divider_mjs__["default"], {
            text: "Or"
        }), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Stack, {
            marginTop: "24px",
            marginBottom: "0",
            spacing: "8px"
        }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Auth0Button_mjs__["default"], {
            provider: "google-oauth2"
        }, "Continue with Google"), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Auth0Button_mjs__["default"], {
            provider: "github"
        }, "Continue with GitHub"))));
    }
};
const Email = {
    render: ()=>{
        const [emailAddress, setEmailAddress] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)('');
        return /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Auth0Modal_mjs__["default"], {
            minHeight: "470px"
        }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Auth0Header_mjs__["default"], {
            withLogo: true
        }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Auth0ModalHeading_mjs__["default"], null, "Log in"), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Auth0ModalDescription_mjs__["default"], null, "Enter your email address to log in to Redpanda Cloud")), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Auth0ModalBody_mjs__["default"], null, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.chakra.form, {
            method: "POST",
            "data-form-primary": "true"
        }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Auth0Input_mjs__["default"], {
            placeholder: "Enter your email address",
            onChange: (event)=>setEmailAddress(event.target.value),
            value: emailAddress
        }), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Auth0SubmitButton_mjs__["default"], {
            type: "submit"
        }, "Continue")), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Auth0ModalText_mjs__["default"], null, "Don't have an account?", /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Auth0ModalLink_mjs__["default"], {
            isExternal: true,
            href: "https://redpanda.com/try-redpanda",
            "aria-label": "sign-up-link"
        }, "Contact us"))));
    }
};
const AuthenticationMethod = {
    render: ()=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Auth0Modal_mjs__["default"], {
            minHeight: "470px"
        }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Auth0Header_mjs__["default"], {
            withLogo: true
        }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Auth0ModalHeading_mjs__["default"], null, "Log in"), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Auth0ModalDescription_mjs__["default"], null, "Choose an authentication method to log in to Redpanda Cloud")), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Auth0ModalBody_mjs__["default"], null, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Stack, {
            marginBottom: "0",
            spacing: "12px"
        }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Auth0Button_mjs__["default"], {
            provider: "google-oauth2"
        }, "Google"), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Auth0Button_mjs__["default"], {
            provider: "github"
        }, "GitHub"), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Auth0Button_mjs__["default"], {
            provider: "oidc"
        }, "Okta"), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Auth0Button_mjs__["default"], {
            provider: "Username-Password-Authentication"
        }, "Email and password"))))
};
export { AuthenticationMethod, Email, Login, Auth0_stories_rslib_entry_ as default };
