Add ability to set search placeholder text

data/search.json

@@ -1,5 +1,6 @@
 {
   "search": {
+    "placeholder": "",
     "defaultProvider": "https://google.com/search?q=",
     "providers": [
       {

src/components/searchBar.tsx

@@ -44,6 +44,7 @@ export interface ISearchProviderProps {
 }
 
 export interface ISearchProps {
+  placeholder: string;
   defaultProvider: string;
   providers: Array<ISearchProviderProps> | undefined;
 }
@@ -104,6 +105,7 @@ const SearchBar = ({ search }: ISearchBarProps) => {
         type="text"
         data-testid="search-input"
         value={input}
+        placeholder={search.placeholder}
         onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
           setInput(e.target.value)
         }

src/data/search.json

@@ -1,5 +1,6 @@
 {
   "search": {
+    "placeholder": "",
     "defaultProvider": "https://google.com/search?q=",
     "providers": [
       {

src/lib/fetcher.tsx

@@ -68,6 +68,7 @@ export const defaults = {
   },
   search: {
     search: {
+      placeholder: '',
       defaultProvider: "https://google.com/search?q=",
       providers: [],
     },