36 lines
877 B
TypeScript
36 lines
877 B
TypeScript
import React from 'react';
|
|
import { Button, Spinner } from 'react-bootstrap';
|
|
|
|
interface Props {
|
|
loading: boolean;
|
|
buttonText: string;
|
|
inline?: any;
|
|
disabled?: boolean;
|
|
}
|
|
const SubmitButton = ({ loading, buttonText, inline, disabled }: Props) => (
|
|
<Button
|
|
className="submitButton"
|
|
variant="outline-success"
|
|
type="submit"
|
|
block={!inline}
|
|
disabled={loading || disabled}
|
|
style={{ padding: '6px 1em' }}>
|
|
{loading ? (
|
|
<Spinner
|
|
as="span"
|
|
animation="border"
|
|
style={{
|
|
width: '22px',
|
|
height: '22px',
|
|
borderWidth: '0.20em',
|
|
color: '#51cd7c',
|
|
}}
|
|
/>
|
|
) : (
|
|
buttonText
|
|
)}
|
|
</Button>
|
|
);
|
|
|
|
export default SubmitButton;
|