add cancel button (#307)

* add cancel button
* add PropTypes

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

@@ -0,0 +1,31 @@
+import React from 'react';
+import { Button } from '@mui/material';
+import { FormattedMessage } from 'react-intl';
+import PropTypes from 'prop-types';
+
+const CancelButton = ({
+    onClick,
+    variant,
+    disabled,
+    withCustomColor = true,
+}) => {
+    return (
+        <Button
+            onClick={onClick}
+            variant={variant}
+            disabled={disabled}
+            color={withCustomColor ? 'customButton' : 'primary'}
+        >
+            <FormattedMessage id="cancel" />
+        </Button>
+    );
+};
+
+CancelButton.propTypes = {
+    onClick: PropTypes.func.isRequired,
+    variant: PropTypes.string,
+    disabled: PropTypes.bool,
+    withCustomColor: PropTypes.bool,
+};
+
+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,