построение базовой панели поиска Material-UI

Question

Я хочу создать действительно простую панель поиска со значком поиска (аналогично значку на Material-UI) и вызывать функцию с текущим значением поля поиска всякий раз, когда пользователь нажимает ввод или нажимает на ввод поиска. Я новичок в Material-UI и изо всех сил пытаюсь найти свой путь через различные элементы текстовых полей.

У меня сейчас есть этот код

import Input from '@material-ui/core/Input';

class ...somecode
...somecode
  constructor(props) {
    super(props);
    this.state = {
      resources: [],
      value: '',
    };
  }

  handleChange(event) {
    console.log(event.target.value);
    this.setState({ value: event.target.value });
  }

  search(/* access value upons enter/ search icon click */) { <--------------------------
  }
...some code
return (
  <form id="search">
    <Input type="text" value={value} onChange={(event) => { this.handleChange(event); }} placeholder="Search..." autoFocus fullWidth />
  </form>
);

p.s: Мне было очень тяжело возиться со всеми API и опциями, доступными в наборе ввода (я настоятельно рекомендую объяснить, как они связаны в документах)