/**
 * ProductRecommendations – related / frequently bought (primitive)
 *
 * Renders a section of recommended items (generic ItemGrid or product list).
 * Pass items and onItemClick; or wrap SectionSearchProvider with preset query for "related".
 * For use on individual product page.
 */
import React from "react";
import { clsx } from "clsx";
import { ItemGrid } from "../suggestions-primitives/ItemGrid";
export function ProductRecommendations({ title = "You may also like", items, onItemClick, maxItems = 6, columns = 3, className, style, renderItem, }) {
    if (!items?.length)
        return null;
    return (React.createElement("div", { className: clsx("seekora-product-recommendations", className), style: style },
        React.createElement("h2", { className: "seekora-product-recommendations-title" }, title),
        React.createElement(ItemGrid, { items: items, maxItems: maxItems, columns: columns, onItemClick: onItemClick, renderItem: renderItem })));
}
