2021-04-11 05:02:32 +00:00
|
|
|
import React from 'react';
|
2021-05-30 16:56:48 +00:00
|
|
|
import { Button, Spinner } from 'react-bootstrap';
|
2021-04-11 05:02:32 +00:00
|
|
|
|
|
|
|
interface Props {
|
|
|
|
loading: boolean;
|
|
|
|
buttonText: string;
|
2021-04-26 07:37:34 +00:00
|
|
|
inline?: any;
|
2021-05-23 15:34:26 +00:00
|
|
|
disabled?: boolean;
|
2021-04-11 05:02:32 +00:00
|
|
|
}
|
2021-08-13 02:38:38 +00:00
|
|
|
const SubmitButton = ({ loading, buttonText, inline, disabled }: Props) => (
|
2021-04-11 10:07:57 +00:00
|
|
|
<Button
|
2021-04-25 15:01:44 +00:00
|
|
|
className="submitButton"
|
2021-04-24 08:15:09 +00:00
|
|
|
variant="outline-success"
|
2021-04-11 10:07:57 +00:00
|
|
|
type="submit"
|
2021-04-26 07:37:34 +00:00
|
|
|
block={!inline}
|
2021-05-23 15:34:26 +00:00
|
|
|
disabled={loading || disabled}
|
2021-08-13 02:38:38 +00:00
|
|
|
style={{ padding: '6px 1em' }}>
|
2021-04-11 05:02:32 +00:00
|
|
|
{loading ? (
|
|
|
|
<Spinner
|
|
|
|
as="span"
|
|
|
|
animation="border"
|
2021-08-13 02:38:38 +00:00
|
|
|
style={{
|
|
|
|
width: '22px',
|
|
|
|
height: '22px',
|
|
|
|
borderWidth: '0.20em',
|
2021-08-27 08:52:14 +00:00
|
|
|
color: '#51cd7c',
|
2021-08-13 02:38:38 +00:00
|
|
|
}}
|
2021-04-11 05:02:32 +00:00
|
|
|
/>
|
|
|
|
) : (
|
|
|
|
buttonText
|
|
|
|
)}
|
|
|
|
</Button>
|
|
|
|
);
|
|
|
|
|
|
|
|
export default SubmitButton;
|