Add wrapper component to Stepper

scality · Nov 8, 2023 · 5e3cd6e · 5e3cd6e
1 parent 05a7565
commit 5e3cd6e
Showing 1 changed file with 12 additions and 9 deletions.
diff --git a/src/lib/components/steppers/Stepper.component.tsx b/src/lib/components/steppers/Stepper.component.tsx
@@ -7,6 +7,7 @@ import {
   Subtract,
 } from './types';
 import { Steppers } from './Steppers.component';
+import { Wrap } from '../../spacing';
 
 const StepperContext = createContext<StepperContextType | null>(null);
 
@@ -63,15 +64,17 @@ export const Stepper = <T extends any[]>({
 
   return (
     <StepperContext.Provider value={{ next, prev }}>
-      <Steppers
-        activeStep={currentStep}
-        steps={steps.map((step) => {
-          return {
-            title: step.label,
-          };
-        })}
-      />
-      <Component {...stepProps} />
+      <Wrap>
+        <Steppers
+          activeStep={currentStep}
+          steps={steps.map((step) => {
+            return {
+              title: step.label,
+            };
+          })}
+        />
+        <Component {...stepProps} />
+      </Wrap>
     </StepperContext.Provider>
   );
 };