"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const common_1 = require("../../../../common");
const react_core_1 = require("@patternfly/react-core");
const OcmOpenShiftVersion_1 = tslib_1.__importDefault(require("../../clusterConfiguration/OcmOpenShiftVersion"));
const ClusterWizardContext_1 = require("../ClusterWizardContext");
const ClusterWizardFooter_1 = tslib_1.__importDefault(require("../ClusterWizardFooter"));
const ClusterWizardNavigation_1 = tslib_1.__importDefault(require("../ClusterWizardNavigation"));
const WithErrorBoundary_1 = require("../../../../common/components/ErrorHandling/WithErrorBoundary");
const InstallDisconnectedSwitch_1 = tslib_1.__importDefault(require("./InstallDisconnectedSwitch"));
const formik_1 = require("formik");
const BasicStep = () => {
    const { t } = (0, common_1.useTranslation)();
    const { moveNext } = (0, ClusterWizardContext_1.useClusterWizardContext)();
    return (React.createElement(formik_1.Formik, { initialValues: {}, onSubmit: () => {
            // nothing to do
        } },
        React.createElement(common_1.ClusterWizardStep, { navigation: React.createElement(ClusterWizardNavigation_1.default, null), footer: React.createElement(ClusterWizardFooter_1.default, { onNext: moveNext }) },
            React.createElement(WithErrorBoundary_1.WithErrorBoundary, { title: "Failed to load Basic step" },
                React.createElement(react_core_1.Grid, { hasGutter: true },
                    React.createElement(react_core_1.GridItem, null,
                        React.createElement(react_core_1.Content, { component: "h2" }, "Basic information")),
                    React.createElement(react_core_1.GridItem, null,
                        React.createElement(react_core_1.Flex, { alignItems: { default: 'alignItemsCenter' }, gap: { default: 'gapSm' } },
                            React.createElement(common_1.TechnologyPreview, null),
                            React.createElement(InstallDisconnectedSwitch_1.default, null),
                            React.createElement("span", null, t("ai:I'm installing on a disconnected/air-gapped/secured environment")))),
                    React.createElement(react_core_1.GridItem, null,
                        React.createElement(react_core_1.Form, { id: "wizard-cluster-basic-info__form" },
                            React.createElement(OcmOpenShiftVersion_1.default, { openshiftVersion: "4.20", withPreviewText: true, withMultiText: true },
                                React.createElement(common_1.ExternalLink, { href: `${window.location.origin}/${common_1.OCP_RELEASES_PAGE}` },
                                    React.createElement("span", { "data-ouia-id": "openshift-releases-link" }, t('ai:Learn more about OpenShift releases')))),
                            React.createElement(common_1.StaticTextField, { name: "cpuArchitecture", label: "CPU architecture", isRequired: true }, "x86_64"))))))));
};
exports.default = BasicStep;
//# sourceMappingURL=BasicStep.js.map