diff options
Diffstat (limited to 'src/client/react/components/presentational/Search.jsx')
-rw-r--r-- | src/client/react/components/presentational/Search.jsx | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/src/client/react/components/presentational/Search.jsx b/src/client/react/components/presentational/Search.jsx new file mode 100644 index 0000000..1e00192 --- /dev/null +++ b/src/client/react/components/presentational/Search.jsx @@ -0,0 +1,26 @@ +import React from 'react'; +import PropTypes from 'prop-types'; + +const Search = ({ onType, value, results }) => ( + <div> + <input + onChange={onType} + value={value} + placeholder="Zoeken" + /> + <ul> + {results.map(result => <li key={result.name}>{result.name}</li>)} + </ul> + </div> +); + +Search.propTypes = { + onType: PropTypes.func.isRequired, + value: PropTypes.string.isRequired, + results: PropTypes.arrayOf(PropTypes.shape({ + name: PropTypes.string.require, + type: PropTypes.string.require, + })).isRequired, +}; + +export default Search; |