drag and drop updated

src/Components/FormInputMain.jsx

@@ -9,7 +9,9 @@ const FormInputMain = ({
   control,
   errors,
   onSubmit,
-  children, 
+  children,
+  onCancle, 
+  submitTitle,
   p,
   w
 }) => {
@@ -83,16 +85,17 @@ const FormInputMain = ({
       {children}
       
       <Box display={'flex'} justifyContent={'end'} mb={5}>
-        <Box display={"flex"} justifyContent={"space-around"} p={2} w={'49%'} gap={4}>
-          <Button
+        <Box display={"flex"} justifyContent={"end"} p={2} w={'49%'} gap={4}>
+          {onCancle && <Button
             size={"sm"}
             width={w?w:"44.5%"}
             rounded={"sm"}
             type="submit"
             colorScheme='gray'
+            onClick={onCancle}
           >
             Cancel
-          </Button>
+          </Button>}
           <Button
             size={"sm"}
             width={w?w:"44.5%"}
@@ -100,7 +103,7 @@ const FormInputMain = ({
             type="submit"
             colorScheme="green"
           >
-            Submit
+            {submitTitle ? submitTitle : "Submit"}
           </Button>
         </Box>
       </Box>