fix: 🐛 add style prop for container of guided workflow

We need to pass a style to the container of SQFormGuidedWorkflow.
SelectQuoteLabs · Jan 5, 2022 · 847167a · 847167a
1 parent d53da44
commit 847167a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/components/SQFormGuidedWorkflow/PropTypes.js b/src/components/SQFormGuidedWorkflow/PropTypes.js
@@ -108,5 +108,7 @@ export const GuidedWorkflowProps = {
   onError: PropTypes.func.isRequired,
   /** Task Module configuration Object(s) */
   taskModules: PropTypes.arrayOf(PropTypes.shape(TaskModuleProps).isRequired)
-    .isRequired
+    .isRequired,
+  /** An object of css-in-js style properties to be passed */
+  containerStyles: PropTypes.object
 };
diff --git a/src/components/SQFormGuidedWorkflow/SQFormGuidedWorkflow.js b/src/components/SQFormGuidedWorkflow/SQFormGuidedWorkflow.js
@@ -51,7 +51,8 @@ function SQFormGuidedWorkflow({
   mainSubtitle,
   initialCompletedTasks = 0,
   isStrictMode = false,
-  onError
+  onError,
+  containerStyles = {}
 }) {
   const classes = useStyles();
 
@@ -176,7 +177,7 @@ function SQFormGuidedWorkflow({
   });
 
   return (
-    <Section style={{padding: '20px'}}>
+    <Section style={{padding: '20px', ...containerStyles}}>
       <SectionHeader title={mainTitle} informativeHeading={mainSubtitle} />
       <SectionBody>
         <Accordion accordionPanels={transformedTaskModules} />