import React from 'react' ; import { Form , Row , Col , ButtonGroup , Button } from 'react-bootstrap' ; import { Transport } from '@coolwallet/core' ; export const NoInput = ( input ) : JSX . Element => ( < Row className = 'function-component' > < Col xs = { 2 } > { input . title } < /Col> < Col className = 'show-text-area' > { input . content } < /Col> < Col xs = { 2 } > < ButtonGroup className = 'd-flex' > < Button disabled = { input . disabled } variant = 'outline-light' onClick = { input . onClick } > { input . btnName ?? 'Get' } < /Button> < /ButtonGroup> < /Col> < /Row>); export const OneInput = ( input ) : JSX . Element => ( < Row className = 'function-component' > < Col xs = { 2 } > { input . title } < /Col> < Col xs = { input . inputSize ?? 3 } className = 'input-col' > < Form . Control value = { input . value } onChange = { ( event ) => { input . setValue ( event . target . value ) ; } } placeholder = { input . placeholder } / > < /Col> < Col className = 'show-text-area' > { input . content } < /Col> < Col xs = { 2 } > < ButtonGroup className = 'd-flex' > < Button disabled = { input . disabled } variant = 'outline-light' onClick = { input . onClick } > { input . btnName ?? 'Send' } < /Button> < /ButtonGroup> < /Col> < /Row>); export const TwoInputs = ( input ) : JSX . Element => ( < Row className = 'function-component' > < Col xs = { 2 } > { input . title } < /Col> < Col xs = { input . inputSize ?? 2 } className = 'input-col' > < Form . Control value = { input . value } onChange = { ( event ) => { input . setValue ( event . target . value ) ; } } placeholder = { input . placeholder } / > < /Col> < Col xs = { input . inputSize2 ?? 2 } className = 'input-col' > < Form . Control value = { input . value2 } onChange = { ( event ) => { input . setValue2 ( event . target . value ) ; } } placeholder = { input . placeholder2 } / > < /Col> < Col className = 'show-text-area' > { input . content } < /Col> < Col xs = { 2 } > < ButtonGroup className = 'd-flex' > < Button disabled = { input . disabled } variant = 'outline-light' onClick = { input . onClick } > { input . btnName ?? 'Send' } < /Button> < /ButtonGroup> < /Col> < /Row>);