.

2023-07-04 10:38:22 +01:00
parent fffc51d77a
commit 4b11d7ec77
6 changed files with 179 additions and 103 deletions
@@ -1,7 +1,13 @@
-import React from "react";
+import React, { useState } from "react";
 import Icons from "./Icons";

-export default function SearchCom({ className, inputClasses, placeholder }) {
+export default function SearchCom({
+  className,
+  inputClasses,
+  placeholder,
+  handleSearch,
+  value,
+}) {
  return (
    <div
      className={`w-full h-[48px]  pl-8 flex rounded-full overflow-hidden bg-white dark:bg-dark-white   ${
@@ -17,7 +23,9 @@ export default function SearchCom({ className, inputClasses, placeholder }) {
            inputClasses || ""
          }`}
          type="text"
-          placeholder={placeholder || 'Search items, collections...'}
+          onInput={handleSearch}
+          value={value}
+          placeholder={placeholder || "Search items, collections..."}
        />
      </div>
    </div>