From 7bd3b6766536e33146bb55506c79619a1ab7d3b3 Mon Sep 17 00:00:00 2001
From: Noah Loomans <noahloomans@gmail.com>
Date: Sun, 10 Dec 2017 11:10:05 +0100
Subject: Move reducers and actions into seperate folders

---
 .../react/components/presentational/Search.jsx     | 26 ++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 src/client/react/components/presentational/Search.jsx

(limited to 'src/client/react/components/presentational/Search.jsx')

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;
-- 
cgit v1.1

