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__Logo_Logo_mjs__ from "../Logo/Logo.mjs";
import * as __WEBPACK_EXTERNAL_MODULE__Avatars_Avatars_mjs__ from "../Avatars/Avatars.mjs";
import * as __WEBPACK_EXTERNAL_MODULE__Form_Form_mjs__ from "../Form/Form.mjs";
const MarketplaceSignup = ()=>/*#__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__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__.Heading, {
        as: "h2",
        fontSize: "lg"
    }, "Sign up and create a Redpanda Cloud organization to link with Google Cloud Marketplace"), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, null, "Redpanda organizations contain all resources, including clusters and users"), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__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: 'Email',
                schema: __WEBPACK_EXTERNAL_MODULE_yup__.string().required('This field is required')
            },
            {
                name: 'organizationName',
                fieldType: 'text',
                label: 'Organization name',
                schema: __WEBPACK_EXTERNAL_MODULE_yup__.string().required('This field is required')
            }
        ],
        button: {
            label: 'confirm_signup_marketplace',
            text: 'Sign up and create organization',
            spanFullWidth: true,
            variant: 'solid',
            colorScheme: 'brand'
        },
        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__Avatars_Avatars_mjs__["default"].cloudPandaSvg,
        alt: "Cloud Panda"
    })));
/* ESM default export */ const MarketplaceSignup_rslib_entry_ = MarketplaceSignup;
export { MarketplaceSignup_rslib_entry_ as default };
