update src/components/SearchBox/index.js

src/components/SearchBox/index.js

@@ -35,7 +35,7 @@ const SearchBox = ({
         // onBlur={() => setActiveSearchBox(false)}
         type="text"
         placeholder={placeholder}
-        className={`text-xs text-blue-400 rounded focus:outline-none border focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20 ${placeHolderColor}`}
+        className={``}
         style={{
           backgroundColor: backgroundColor,
           borderColor: borderClr,
@@ -51,12 +51,8 @@ export default SearchBox;
 SearchBox.defaultProps = {
   cancleIcon: zarbedar,
   searchIcon: search,
-
   placeholder: "دنبال چه چیزی هستید",
 
-  inputWidth: "15%",
-
-  borderClr: "#B5D6FF",
-  backgroundColor: "#F9FBFF",
-  placeHolderColor: "placeholder-blue-300",
+  className:
+    "w-[15%] text-xs text-blue-400 bg-[#F9FBFF] rounded placeholder-blue-300 focus:outline-none border border-[#B5D6FF] focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20",
 };