OwlCyberSecurity - MANAGER

Edit File: InputSearchPage.tsx

"use client";

import { Input } from "@/components/ui/input";
import React, { useEffect, useState } from "react";
import AmazonSearchComponent from "../components/AmazonSearchComponent";

function InputSearchPage({ searchTitle }: any) {
  const [searchInput, setSearchInput] = useState("");
  const [suggestionData, setSuggestionData] = useState<any>({
    categories: [],
    products: [],
  });
  const [suggestionLink, setSuggestionLink] = useState(false);
  const [navigationMenuOpen, setNavigationMenuOpen] = useState(false);
  const [sidebar, setSidebar] = useState<boolean>(false);

useEffect(() => {
    setSearchInput(searchTitle);
  }, []);

return (
    <AmazonSearchComponent
      searchInput={searchInput}
      setSearchInput={setSearchInput}
      suggestionData={suggestionData}
      setSuggestionData={setSuggestionData}
      suggestionLink={suggestionLink}
      setSuggestionLink={setSuggestionLink}
      setNavigationMenuOpen={setNavigationMenuOpen}
      setSidebar={setSidebar}
      onHeader={false}
    />
  );
}

export default InputSearchPage;