24 lines
846 B
JavaScript
24 lines
846 B
JavaScript
import { Button } from 'react-bootstrap'
|
|
import CancelButton from './cancel-button'
|
|
import { SubmitButton } from './form'
|
|
|
|
export default function WalletButtonBar ({
|
|
wallet, disable,
|
|
className, children, onDelete, onCancel, hasCancel = true,
|
|
createText = 'attach', deleteText = 'detach', editText = 'save'
|
|
}) {
|
|
return (
|
|
<div className={`mt-3 ${className}`}>
|
|
<div className='d-flex justify-content-between'>
|
|
{wallet.isConfigured &&
|
|
<Button onClick={onDelete} variant='grey-medium'>{deleteText}</Button>}
|
|
{children}
|
|
<div className='d-flex align-items-center ms-auto'>
|
|
{hasCancel && <CancelButton onClick={onCancel} />}
|
|
<SubmitButton variant='primary' disabled={disable}>{wallet.isConfigured ? editText : createText}</SubmitButton>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|