Wizard: Kernel step basics

This adds foundation for Kernel step, including gating and basic tests.

src/Components/CreateImageWizard/CreateImageWizard.tsx

@@ -18,6 +18,7 @@ import { FileSystemContext } from './steps/FileSystem/FileSystemTable';
 import FirstBootStep from './steps/FirstBoot';
 import HostnameStep from './steps/Hostname';
 import ImageOutputStep from './steps/ImageOutput';
+import KernelStep from './steps/Kernel';
 import LocaleStep from './steps/Locale';
 import OscapStep from './steps/Oscap';
 import PackagesStep from './steps/Packages';
@@ -140,6 +141,7 @@ const CreateImageWizard = ({ isEdit }: CreateImageWizardProps) => {
   const isTimezoneEnabled = useFlag('image-builder.timezone.enabled');
   const isLocaleEnabled = useFlag('image-builder.locale.enabled');
   const isHostnameEnabled = useFlag('image-builder.hostname.enabled');
+  const isKernelEnabled = useFlag('image-builder.kernel.enabled');
 
   // Remove this and all fallthrough logic when snapshotting is enabled in Prod-stable
   // =========================TO REMOVE=======================
@@ -226,7 +228,7 @@ const CreateImageWizard = ({ isEdit }: CreateImageWizardProps) => {
 
   let startIndex = 1; // default index
   if (isEdit) {
-    startIndex = 19;
+    startIndex = 20;
   }
 
   // Duplicating some of the logic from the Wizard component to allow for custom nav items status
@@ -500,6 +502,18 @@ const CreateImageWizard = ({ isEdit }: CreateImageWizardProps) => {
               >
                 <HostnameStep />
               </WizardStep>,
+              <WizardStep
+                name="Kernel"
+                id="wizard-kernel"
+                key="wizard-kernel"
+                navItem={customStatusNavItem}
+                isHidden={!isKernelEnabled}
+                footer={
+                  <CustomWizardFooter disableNext={false} optional={true} />
+                }
+              >
+                <KernelStep />
+              </WizardStep>,
               <WizardStep
                 name="First boot script configuration"
                 id="wizard-first-boot"

src/Components/CreateImageWizard/steps/Kernel/components/KernelArguments.tsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+import { FormGroup } from '@patternfly/react-core';
+
+const KernelArguments = () => {
+  return <FormGroup isRequired={false} label="Append"></FormGroup>;
+};
+
+export default KernelArguments;

src/Components/CreateImageWizard/steps/Kernel/components/KernelName.tsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+import { FormGroup } from '@patternfly/react-core';
+
+const KernelName = () => {
+  return <FormGroup isRequired={false} label="Name"></FormGroup>;
+};
+
+export default KernelName;

src/Components/CreateImageWizard/steps/Kernel/index.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+
+import { Text, Form, Title } from '@patternfly/react-core';
+
+import KernelArguments from './components/KernelArguments';
+import KernelName from './components/KernelName';
+
+const KernelStep = () => {
+  return (
+    <Form>
+      <Title headingLevel="h1" size="xl">
+        Kernel
+      </Title>
+      <Text>Customize kernel name and kernel arguments.</Text>
+      <KernelName />
+      <KernelArguments />
+    </Form>
+  );
+};
+
+export default KernelStep;