diff --git a/src/components/ActionBar/SearchInput.js b/src/components/ActionBar/SearchInput.js
index d0a9e17f5..c5de7c917 100644
--- a/src/components/ActionBar/SearchInput.js
+++ b/src/components/ActionBar/SearchInput.js
@@ -16,22 +16,10 @@ import { isBrowser } from '../../utils/is-browser';
import { localizePath } from '../../utils/locale';
import { reportAnalytics } from '../../utils/report-analytics';
import { searchIconStyling, searchInputStyling, StyledInputContainer, StyledSearchBoxRef } from './styles';
-import { ShortcutIcon, SparkleIcon } from './SparkIcon';
export const PLACEHOLDER_TEXT = `Search MongoDB Docs`;
const PLACEHOLDER_TEXT_MOBILE = 'Search';
-export const SEARCH_SUGGESTIONS = [
- {
- copy: 'Search',
- },
- {
- copy: 'Ask MongoDB AI',
- icon: ,
- shortcutIcon: ,
- },
-];
-
const SearchInput = ({ className, slug }) => {
const [searchValue, setSearchValue] = useState('');
const searchBoxRef = useRef();
@@ -116,7 +104,7 @@ const SearchInput = ({ className, slug }) => {
{
)}
{!mobileSearchActive && (
{
setMobileSearchActive((state) => !state);
diff --git a/src/components/ActionBar/styles.js b/src/components/ActionBar/styles.js
index 502b1a2f0..75c26c135 100644
--- a/src/components/ActionBar/styles.js
+++ b/src/components/ActionBar/styles.js
@@ -253,30 +253,6 @@ export const searchIconStyling = css`
justify-content: right;
`;
-// using content before/after to prevent event bubbling up from lg/search-input/search-result
-// package above gets all text inside node, and sets the value of Input node of all text within search result:
-// https://github.com/mongodb/leafygreen-ui/blob/%40leafygreen-ui/search-input%402.1.4/packages/search-input/src/SearchInput/SearchInput.tsx#L149-L155
-export const suggestionStyling = ({ copy }) => css`
- & > div:before {
- content: '${copy} "';
- }
-
- & > div:after {
- content: '"';
- }
-
- svg:first-of-type {
- float: left;
- margin-right: ${theme.size.tiny};
- }
-
- padding: ${theme.fontSize.tiny} ${theme.size.medium};
-
- svg:last-of-type {
- float: right;
- }
-`;
-
export const offlineStyling = css`
@media ${theme.screenSize.largeAndUp} {
display: none;