import * as React from 'react' ; import TextField , { OutlinedTextFieldProps } from '@material-ui/core/TextField' ; import { commonCss } from '../Css' ; interface InputProps extends OutlinedTextFieldProps { height ? : number | string ; maxWidth ? : number | string ; width ? : number ; } const Input = ( props ) => { const { height , maxWidth , variant , width , ... rest } = props ; return ( < TextField variant = { variant } className = { commonCss . textField } spellCheck = { false } style = { { height : ! ! props . multiline ? 'auto' : height || 40 , maxWidth : maxWidth || 600 , width : width || '100%' , } } { ... rest } > { props . children } < /TextField>); } ; export default Input ;