diff --git a/components/Search.tsx b/components/Search.tsx
new file mode 100644
index 0000000..d718916
--- /dev/null
+++ b/components/Search.tsx
@@ -0,0 +1,16 @@
+import { useState } from 'react'
+
+const Search = ({query, result}:SearchProps):JSX.Element => {
+	return (
+		<div>
+			<input />
+		</div>
+	)
+}
+
+interface SearchProps {
+  query: string
+  result: string
+}
+
+export default Search