feat: element customize component

packages/webapp/src/containers/ElementCustomize/ElementCustomizerForm.tsx

@@ -0,0 +1,27 @@
+// @ts-nocheck
+import React from 'react';
+import { Formik, Form, FormikHelpers } from 'formik';
+
+export interface ElementCustomizeFormProps<T> {
+  initialValues?: T;
+  validationSchema?: any;
+  onSubmit?: (values: T, formikHelpers: FormikHelpers<T>) => void;
+  children?: React.ReactNode;
+}
+
+export function ElementCustomizeForm<T>({
+  initialValues,
+  validationSchema,
+  onSubmit,
+  children,
+}: ElementCustomizeFormProps<T>) {
+  return (
+    <Formik<T>
+      initialValues={{ ...initialValues }}
+      validationSchema={validationSchema}
+      onSubmit={(value, helpers) => onSubmit && onSubmit(value, helpers)}
+    >
+      <Form>{children}</Form>
+    </Formik>
+  );
+}