open ReactRouter;

...

let make = (_children) => {
  ...component,
  initialState: () => {searchTerm: ""},
  reducer: (action, _state) =>
    switch action {
    | SearchTermChanged(searchTerm) => ReasonReact.Update({searchTerm: searchTerm})
    },
  render: (self) =>
    <header className=style##header>
      <a href="#"> <img className=style##logo src=logo /> </a>
      <span className=style##title> (str("Super Marvel Heroes")) </span>
      <div className=style##search_input_wrapper>
        <input
          className=style##search_input
          placeholder="search"
          value=self.state.searchTerm
          onChange=(self.reduce(change))
        />
        <Link _to=self.state.searchTerm> (str("Search")) </Link>
      </div>
    </header>
};