Files
payload/src/client/components/forms/Submit/index.js
2020-03-16 14:18:49 -04:00

32 lines
679 B
JavaScript

import React, { useContext } from 'react';
import PropTypes from 'prop-types';
import FormContext from '../Form/Context';
import Button from '../../controls/Button';
import './index.scss';
const baseClass = 'form-submit';
const FormSubmit = ({ children }) => {
const formContext = useContext(FormContext);
return (
<div className={baseClass}>
<Button
disabled={formContext.processing ? 'disabled' : ''}
type="submit"
>
{children}
</Button>
</div>
);
};
FormSubmit.propTypes = {
children: PropTypes.oneOfType([
PropTypes.arrayOf(PropTypes.node),
PropTypes.node,
]).isRequired,
};
export default FormSubmit;