adds user federation kerberos wizard

src/stories/UserFedWizard.stories.tsx

@@ -0,0 +1,17 @@
+import React from "react";
+import { Meta } from "@storybook/react";
+import { Page } from "@patternfly/react-core";
+import { UserFederationKerberosWizard } from "../user-federation/UserFederationKerberosWizard";
+
+export default {
+  title: "User Federation Wizard",
+  component: UserFederationKerberosWizard,
+} as Meta;
+
+export const view = () => {
+  return (
+    <Page>
+      <UserFederationKerberosWizard />
+    </Page>
+  );
+};

src/user-federation/UserFederationKerberosWizard.tsx

@@ -0,0 +1,25 @@
+import { Button, Wizard } from "@patternfly/react-core";
+import { useTranslation } from "react-i18next";
+import React from "react";
+import { KerberosSettingsRequired } from "./KerberosSettingsRequired";
+import { KerberosSettingsCache } from "./KerberosSettingsCache";
+
+export const UserFederationKerberosWizard = () => {
+  const { t } = useTranslation("user-federation");
+
+  const steps = [
+    { name: "Required settings", component: <KerberosSettingsRequired /> },
+    { name: "Cache settings", component: <KerberosSettingsCache /> },
+  ];
+  const title = "Add Kerberos user federation provider";
+
+  return (
+    <Wizard
+      title={title}
+      description="Text needed here"
+      steps={steps}
+      // onClose={handleModalToggle}
+      // isOpen={isOpen}
+    />
+  );
+};