react-mapfilter/src/ObservationDialog/TextField.js

These components are designed for viewing data in Mapeo. They share a common interface:

import React from 'react'
import { TextField as MuiTextField } from '@material-ui/core'

const TextField = ({ onChange, ...otherProps }) => {
  const handleChange = event => onChange && onChange(event.target.value)
  return (
    <MuiTextField
      fullWidth
      variant="outlined"
      margin="normal"
      InputLabelProps={{ shrink: true }}
      onChange={handleChange}
      {...otherProps}
    />
  )
}

export default TextField