1  import React from 'react';
 2  
 3  import translate from 'translations';
 4  import { SigningStatus } from 'components';
 5  import { ConfirmationModal } from 'components/ConfirmationModal';
 6  import { SendButtonFactory } from './SendButtonFactory';
 7  import './SendButton.scss';
 8  
 9  export const SendButton: React.SFC<{
10    className?: string;
11    signing?: boolean;
12    customModal?: typeof ConfirmationModal;
13  }> = ({ signing, customModal, className }) => (
14    <React.Fragment>
15      <SendButtonFactory
16        signing={signing}
17        Modal={customModal ? customModal : ConfirmationModal}
18        withProps={({ disabled, openModal, signTx }) => (
19          <React.Fragment>
20            <button
21              disabled={disabled}
22              className={`SendButton btn btn-primary btn-block ${className}`}
23              onClick={() => {
24                !!signing ? (signTx(), openModal()) : openModal();
25              }}
26            >
27              {translate('SEND_TRANS')}
28            </button>
29          </React.Fragment>
30        )}
31      />
32      <SigningStatus />
33    </React.Fragment>
34  );