content: import React from 'react';
  import { makeStyles } from '@material-ui/core/styles';
  import Input from '@material-ui/core/Input';
  
  const useStyles = makeStyles(theme => ({
    container: {
      display: 'flex',
      flexWrap: 'wrap',
    },
    input: {
      margin: theme.spacing(1),
    },
  }));
  
  export default function Inputs() {
    const classes = useStyles();
  
    return (
      <div className={classes.container}>
        <Input
          defaultValue="Hello world"
          className={classes.input}
          inputProps={{
            'aria-label': 'description',
          }}
        />
        <Input
          placeholder="Placeholder"
          className={classes.input}
          inputProps={{
            'aria-label': 'description',
          }}
        />
        <Input
          value="Disabled"
          className={classes.input}
          disabled
          inputProps={{
            'aria-label': 'description',
          }}
        />
        <Input
          defaultValue="Error"
          className={classes.input}
          error
          inputProps={{
            'aria-label': 'description',
          }}
        />
      </div>
    );
  }
  