import * as __WEBPACK_EXTERNAL_MODULE__chakra_ui_react__ from "@chakra-ui/react";
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";
const Login = ()=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Flex, {
        width: "full",
        minHeight: "100vh"
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Box, {
        minWidth: "400px",
        flex: "8"
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Container, {
        maxWidth: "350px",
        mt: 50
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__components_Logo_Logo_mjs__["default"], {
        height: 30,
        alt: "Redpanda Logo"
    }), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Spacer, {
        height: 10
    }), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Heading, {
        as: "h1",
        size: "lg"
    }, "Log in"), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, {
        fontSize: "lg"
    }, "New to Redpanda? ", /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Link, null, "Sign up")), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Stack, {
        my: 5
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Button, {
        leftIcon: /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Image, {
            src: "../../assets/github-icon.svg",
            alt: "GitHub logo"
        }),
        variant: "outline"
    }, "GitHub"), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Button, {
        leftIcon: /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Image, {
            src: "../../assets/google-icon.svg",
            alt: "Google logo"
        }),
        variant: "outline"
    }, "Google"), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Button, {
        variant: "outline"
    }, "Single sign-on")), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__components_TextDivider_TextDivider_mjs__["default"], {
        text: "OR",
        my: 3
    }), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Flex, {
        flexDirection: "column",
        gap: "3"
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.FormControl, null, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.FormLabel, null, "Email"), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Input, {
        type: "text"
    })), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.FormControl, null, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.FormLabel, null, "Password"), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Input, {
        type: "password"
    })), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, null, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Link, null, "Forgot password?")), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Button, {
        mt: 3
    }, "Log in")))), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Flex, {
        backgroundColor: "brand.400",
        background: "linear-gradient(170deg, rgba(237,127,102,1) 58%, rgba(226,64,27,1) 58.2%);",
        flex: "5",
        justifyContent: "center",
        alignItems: "center",
        paddingTop: "10%",
        hideBelow: "md"
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Image, {
        height: "300px",
        src: __WEBPACK_EXTERNAL_MODULE__components_Avatars_Avatars_mjs__["default"].wavingPandaSvg,
        alt: "Waving Panda"
    })));
/* ESM default export */ const Login_rslib_entry_ = Login;
export { Login_rslib_entry_ as default };
