import * as __WEBPACK_EXTERNAL_MODULE__chakra_ui_react__ from "@chakra-ui/react";
import * as __WEBPACK_EXTERNAL_MODULE_yup__ from "yup";
import * as __WEBPACK_EXTERNAL_MODULE__components_Logo_Logo_mjs__ from "../../components/Logo/Logo.mjs";
import * as __WEBPACK_EXTERNAL_MODULE__components_TextDivider_TextDivider_mjs__ from "../../components/TextDivider/TextDivider.mjs";
import * as __WEBPACK_EXTERNAL_MODULE__components_Avatars_Avatars_mjs__ from "../../components/Avatars/Avatars.mjs";
import * as __WEBPACK_EXTERNAL_MODULE__components_Form_Form_mjs__ from "../../components/Form/Form.mjs";
const MarketplaceLogin = ()=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Flex, {
        width: "full",
        minHeight: "100vh"
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Box, {
        flex: 6
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Container, {
        px: 14,
        pt: 50
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__components_Logo_Logo_mjs__["default"], {
        height: 32,
        alt: "Redpanda Logo"
    }), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Spacer, {
        height: 6
    }), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Stack, {
        spacing: 6
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Stack, {
        spacing: 2
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Heading, {
        as: "h1",
        size: "lg"
    }, "Sign up"), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, {
        fontWeight: "light"
    }, "Already have an account? ", /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Link, null, "Log in"))), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Stack, {
        spacing: 3
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Button, {
        leftIcon: /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Image, {
            src: __WEBPACK_EXTERNAL_MODULE__components_Avatars_Avatars_mjs__["default"].githubIconSvg,
            alt: "GitHub logo"
        }),
        variant: "outline"
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, {
        hideBelow: "sm"
    }, "Sign up with Github")), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Button, {
        leftIcon: /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Image, {
            src: __WEBPACK_EXTERNAL_MODULE__components_Avatars_Avatars_mjs__["default"].googleIconSvg,
            alt: "Google logo"
        }),
        variant: "outline"
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, {
        hideBelow: "sm"
    }, "Sign up with Google"))), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__components_TextDivider_TextDivider_mjs__["default"], {
        text: "or"
    }), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__components_Form_Form_mjs__["default"], {
        onValid: (values)=>console.log('onValid values: ', values),
        onInvalid: (values)=>console.warn('onInvalid values: ', values),
        fields: [
            {
                name: 'email',
                inputMode: 'email',
                fieldType: 'text',
                label: 'Enter email',
                schema: __WEBPACK_EXTERNAL_MODULE_yup__.string().required('This field is required'),
                showRequiredIndicator: false
            },
            {
                name: 'password',
                inputMode: 'password',
                fieldType: 'text',
                label: 'Create password',
                schema: __WEBPACK_EXTERNAL_MODULE_yup__.string().required('This field is required'),
                showRequiredIndicator: false
            },
            {
                name: 'termsOfService',
                fieldType: 'checkbox',
                label: '',
                defaultChecked: false,
                text: /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, null, "I agree to the", ' ', /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Link, {
                    isExternal: true,
                    href: "https://redpanda.com/terms-of-use"
                }, "terms of service"), ' ', "and", ' ', /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Link, {
                    isExternal: true,
                    href: "https://redpanda.com/privacy-policy"
                }, "privacy policy")),
                schema: __WEBPACK_EXTERNAL_MODULE_yup__.string().required('This field is required'),
                showRequiredIndicator: false
            }
        ],
        button: {
            label: 'confirm_login_marketplace',
            text: 'Sign up with email',
            spanFullWidth: true,
            variant: 'outline',
            colorScheme: 'blackAlpha.500'
        },
        developerView: true
    })))), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Flex, {
        backgroundColor: "brand.50",
        pt: 24,
        px: 8,
        flex: 7,
        justifyContent: "center",
        alignItems: "flex-start",
        hideBelow: "lg"
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Image, {
        height: "400px",
        src: __WEBPACK_EXTERNAL_MODULE__components_Avatars_Avatars_mjs__["default"].cloudPandaSvg,
        alt: "Cloud Panda"
    })));
/* ESM default export */ const MarketplaceLogin_rslib_entry_ = MarketplaceLogin;
export { MarketplaceLogin_rslib_entry_ as default };
