From 0b131a3b64c8944a94a441907d033ceec8142c85 Mon Sep 17 00:00:00 2001
From: "Rayyan (Rayy)" <rayyan.hodges@studytafensw.edu.au>
Date: Thu, 16 Nov 2023 15:42:14 +0000
Subject: [PATCH] Half-assed, failed attempt at a native search box using
 "react-search-box"

---
 src/components/search-box.js | 38 ++++++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 src/components/search-box.js

diff --git a/src/components/search-box.js b/src/components/search-box.js
new file mode 100644
index 0000000..99a5af3
--- /dev/null
+++ b/src/components/search-box.js
@@ -0,0 +1,38 @@
+import React, { Component } from "react";
+import ReactSearchBox from "react-search-box";
+
+export default class App extends Component {
+  data = [
+    {
+      key: "john",
+      value: "John Doe",
+    },
+    {
+      key: "jane",
+      value: "Jane Doe",
+    },
+    {
+      key: "mary",
+      value: "Mary Phillips",
+    },
+    {
+      key: "robert",
+      value: "Robert",
+    },
+    {
+      key: "karius",
+      value: "Karius",
+    },
+  ];
+
+  render() {
+    return (
+      <ReactSearchBox
+        placeholder="Search book collection"
+        value="Book"
+        data={book.data}
+        callback={(record) => console.log(record)}
+      />
+    );
+  }
+}
\ No newline at end of file