TextFieldWithLabelFormGroup.tsx

import React from 'react'
import { TextField, Label } from '@hospitalrun/components'

interface Props {
  value: string
  label: string
  name: string
  isEditable?: boolean
  placeholder?: string
  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void
}

const TextFieldWithLabelFormGroup = (props: Props) => {
  const { value, label, name, isEditable, onChange } = props
  const id = `${name}TextField`
  return (
    <div className="form-group">
      <Label text={label} htmlFor={id} />
      <TextField rows={4} value={value} disabled={!isEditable} onChange={onChange} />
    </div>
  )
}

TextFieldWithLabelFormGroup.defaultProps = {
  value: '',
}

export default TextFieldWithLabelFormGroup