
+    
+      
+      
+      +        
 import { TrieveModalSearch } from 'trieve-search-component';
 import 'trieve-search-component/styles';
 
 const App = () => {
   return (
-    <TrieveModalSearch 
-        {% if params.apiKey -%}
-        apiKey="{{ params.apiKey }}"
-        {% endif -%}
-        {% if params.baseUrl -%}
-        baseUrl="{{ params.baseUrl }}"
-        {% endif -%}
-        {% if params.type -%}
-        type="{{ params.type }}"
-        {% endif -%}
-        {% if params.suggestedQueries -%}
-        suggestedQueries={{ params.suggestedQueries }}
-        {% endif -%}
-        {% if params.analytics -%}
-        analytics={{ params.analytics }}
-        {% endif -%}
-        {% if params.responsive -%}
-        responsive={{ params.responsive }}
-        {% endif -%}
-        {% if params.chat -%}
-        chat="{{ params.chat}}"
-        {% endif -%}
-        {% if params.theme -%}
-        theme="{{ params.theme }}"
-        {% endif -%}
-        {% if params.search_options -%}
-        search_options={{ params.searchOptions }}
-        {% endif -%}
-        {% if params.brandLogoImgSrcUrl -%}
-        brandLogoImgSrcUrl="{{ params.brandLogoImgSrcUrl }}"
-        {% endif -%}
-        {% if params.brandName -%}
-        brandName="{{ params.brandName }}"
-        {% endif -%}
-        {% if params.problemLink -%}
-        problemLink="{{ params.problemLink }}"
-        {% endif -%}
-        {% if params.brandColor -%}
-        brandColor="{{ params.brandColor }}"
-        {% endif -%}
-        {% if params.placeholder -%}
-        placeholder="{{ params.placeholder }}"
-        {% endif -%}
-        {% if params.defaultSearchQueries -%}
-        defaultSearchQueries={{ params.defaultSearchQueries }}
-        {% endif -%}
-        {% if params.defaultAiQuestions -%}
-        defaultAiQuestions={{ params.defaultAiQuestions }}
-        {% endif -%}
-        {% if params.defaultSearchMode -%}
-        defaultSearchMode="{{ params.defaultSearchMode }}"
-        {% endif -%}
-        {% if params.useGroupSearch -%}
-        useGroupSearch={{ params.useGroupSearch }}
-        {% endif -%}
-        {% if params.allowSwitchingModes -%}
-        allowSwitchingModes={{ params.allowSwitchingModes }}
-        {% endif -%}
-        {% if params.defaultCurrency -%}
-        defaultCurrency="{{ params.defaultCurrency }}"
-        {% endif -%}
-        {% if params.currencyPosition -%}
-        currencyPosition="{{ params.currencyPosition }}"
-        {% endif -%}
-        {% if params.debounceMs -%}
-        debounceMs={{ params.debounceMs }}
-        {% endif -%}
-          />
+    <TrieveModalSearch
+      {% if params.apiKey -%}
+      apiKey="{{ params.apiKey }}"
+      {% endif -%}
+      {% if params.baseUrl -%}
+      baseUrl="{{ params.baseUrl }}"
+      {% endif -%}
+      {% if params.type -%}
+      type="{{ params.type }}"
+      {% endif -%}
+      {% if params.suggestedQueries -%}
+      suggestedQueries={{ params.suggestedQueries }}
+      {% endif -%}
+      {% if params.analytics -%}
+      analytics={{ params.analytics }}
+      {% endif -%}
+      {% if params.responsive -%}
+      responsive={{ params.responsive }}
+      {% endif -%}
+      {% if params.chat -%}
+      chat="{{ params.chat}}"
+      {% endif -%}
+      {% if params.theme -%}
+      theme="{{ params.theme }}"
+      {% endif -%}
+      {% if params.search_options -%}
+      search_options={{ params.searchOptions }}
+      {% endif -%}
+      {% if params.brandLogoImgSrcUrl -%}
+      brandLogoImgSrcUrl="{{ params.brandLogoImgSrcUrl }}"
+      {% endif -%}
+      {% if params.brandName -%}
+      brandName="{{ params.brandName }}"
+      {% endif -%}
+      {% if params.problemLink -%}
+      problemLink="{{ params.problemLink }}"
+      {% endif -%}
+      {% if params.brandColor -%}
+      brandColor="{{ params.brandColor }}"
+      {% endif -%}
+      {% if params.placeholder -%}
+      placeholder="{{ params.placeholder }}"
+      {% endif -%}
+      {% if params.defaultSearchQueries -%}
+      defaultSearchQueries={{ params.defaultSearchQueries }}
+      {% endif -%}
+      {% if params.defaultAiQuestions -%}
+      defaultAiQuestions={{ params.defaultAiQuestions }}
+      {% endif -%}
+      {% if params.defaultSearchMode -%}
+      defaultSearchMode="{{ params.defaultSearchMode }}"
+      {% endif -%}
+      {% if params.useGroupSearch -%}
+      useGroupSearch={{ params.useGroupSearch }}
+      {% endif -%}
+      {% if params.allowSwitchingModes -%}
+      allowSwitchingModes={{ params.allowSwitchingModes }}
+      {% endif -%}
+      {% if params.defaultCurrency -%}
+      defaultCurrency="{{ params.defaultCurrency }}"
+      {% endif -%}
+      {% if params.currencyPosition -%}
+      currencyPosition="{{ params.currencyPosition }}"
+      {% endif -%}
+      {% if params.debounceMs -%}
+      debounceMs={{ params.debounceMs }}
+      {% endif -%}
+/>
   );
 }
-      
-    
-  
+
+ + +