add cancel button

src/components/react-hook-form/utils/cancel-button.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { Button } from '@mui/material';
+import { FormattedMessage } from 'react-intl';
+
+const styles = {
+    removeButtonTextColor: (theme) => ({
+        color: theme.palette.text.primary,
+    }),
+};
+const CancelButton = ({
+    onClick,
+    variant,
+    disabled,
+    withCustomColor = true,
+}) => {
+    return (
+        <Button
+            onClick={onClick}
+            variant={variant}
+            disabled={disabled}
+            sx={withCustomColor ? styles.removeButtonTextColor : null}
+        >
+            <FormattedMessage id="cancel" />
+        </Button>
+    );
+};
+
+export default CancelButton;

src/index.js

@@ -102,6 +102,7 @@ export MidFormError from './components/react-hook-form/error-management/mid-form
 export TextFieldWithAdornment from './components/react-hook-form/utils/text-field-with-adornment';
 export FieldLabel from './components/react-hook-form/utils/field-label';
 export SubmitButton from './components/react-hook-form/utils/submit-button';
+export CancelButton from './components/react-hook-form/utils/cancel-button';
 export {
     genHelperPreviousValue,
     genHelperError,