import { connect } from "react-redux" ; import { Dispatch } from "react" ; import * as React from 'react' ; import { Box , createStyles , Theme , TextField } from "@material-ui/core" ; import { IState } from "@emeraldwallet/store" ; import { makeStyles } from "@material-ui/core/styles" ; import FormLabel from "../CreateTx/FormLabel/FormLabel" ; import { ButtonGroup } from "@emeraldplatform/ui" ; import { Button } from "@emeraldwallet/ui" ; import FormFieldWrapper from "../CreateTx/FormFieldWrapper" ; const useStyles = makeStyles < Theme > ( ( theme ) => createStyles ( { fieldRoot : { border : 0 } , value : { fontSize : "12px" , ... theme . monotype } } ) ) ; /**
 *
 */ const Component = ( ( { rawtx } ) => { const styles = useStyles ( ) ; return < Box > < TextField classes = { { root : styles . fieldRoot } } label = "Raw Tx" value = { rawtx } multiline = { true } rows = { 4 } fullWidth InputLabelProps = { { shrink : true , } } InputProps = { { classes : { input : styles . value } } } variant = "outlined" / > < /Box>; } ) ; interface Props { } interface Actions { } interface OwnProps { rawtx : string ; } export default connect ( ( state , ownProps ) : Props => { return { } ; } , ( dispatch , ownProps ) : Actions => { return { } ; } ) ( ( Component ) ) ;