/**
 * SuggestionsDropdownComposition – reference composition
 *
 * Example layout built from primitives: SearchInput + DropdownPanel containing
 * RecentSearchesList (when query empty), SuggestionList, CategoriesTabs, ProductGrid, TrendingList.
 * Wrap with SearchProvider and SuggestionsProvider. Use as reference or replace
 * with your own arrangement of the same primitives.
 */
import React from 'react';
import { SuggestionsProvider } from './SuggestionsProvider';
import { SearchInput } from './SearchInput';
import { DropdownPanel } from './DropdownPanel';
import { RecentSearchesList } from './RecentSearchesList';
import { SuggestionList } from './SuggestionList';
import { CategoriesTabs } from './CategoriesTabs';
import { ProductGrid } from './ProductGrid';
import { TrendingList } from './TrendingList';
import { SuggestionsError } from './SuggestionsError';
export function SuggestionsDropdownComposition({ showRecentSearches = true, showTrending = true, showTabs = true, showProducts = true, placeholder, ...providerProps }) {
    return (React.createElement(SuggestionsProvider, { ...providerProps },
        React.createElement("div", { className: "seekora-suggestions-dropdown-composition", style: { position: 'relative', width: '100%' } },
            React.createElement(SearchInput, { placeholder: placeholder }),
            React.createElement(DropdownPanel, null,
                React.createElement(SuggestionsError, null),
                showRecentSearches ? React.createElement(RecentSearchesList, null) : null,
                React.createElement(SuggestionList, null),
                showTabs ? React.createElement(CategoriesTabs, null) : null,
                showProducts ? React.createElement(ProductGrid, null) : null,
                showTrending ? React.createElement(TrendingList, null) : null))));
}
