From b306ec73046d3a14cba3f9b8d1a4d6f52d583d89 Mon Sep 17 00:00:00 2001
From: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
Date: Wed, 6 Apr 2022 16:34:54 +0800
Subject: [PATCH] fix: add className and style props to Form component

---
 src/components/Form/Form.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/Form/Form.tsx b/src/components/Form/Form.tsx
index 5233f259..c046f53a 100644
--- a/src/components/Form/Form.tsx
+++ b/src/components/Form/Form.tsx
@@ -10,6 +10,8 @@ interface Props
   handleIsValidating?: any
   name?: string
   id?: string
+  className?: string
+  style?: React.CSSProperties
 }
 
 function errorReducer(state: any, action: any) {
@@ -53,7 +55,13 @@ export default function Form({ validate, ...props }: Props) {
   // console.log('touched', formik.touched)
 
   return (
-    <form id={props.id} name={props.name} onSubmit={formik.handleSubmit}>
+    <form
+      id={props.id}
+      name={props.name}
+      onSubmit={formik.handleSubmit}
+      className={props.className}
+      style={props.style}
+    >
       <FormContextProvider
         values={formik.values}
         errors={formik.errors}