"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.PromptInputWithSuggestions = PromptInputWithSuggestions;
const jsx_runtime_1 = require("react/jsx-runtime");
const cn_1 = require("../../../utils/cn.js");
const Suggestions_1 = require("../../molecules/Suggestions/index.js");
const b = (0, cn_1.block)('prompt-input');
/**
 * PromptInputWithSuggestions component - wrapper that shows suggestions above the prompt input
 *
 * @param props - Component props
 * @returns React component
 */
function PromptInputWithSuggestions(props) {
    const { children, suggestionsProps = {}, className, qa } = props;
    const { showSuggestions = false, suggestions = [], suggestTitle, onSuggestionClick, suggestionsLayout, suggestionsTextAlign = 'center', } = suggestionsProps;
    return ((0, jsx_runtime_1.jsxs)("div", { className: b('suggestions-wrapper', className), "data-qa": qa, children: [showSuggestions && ((0, jsx_runtime_1.jsx)("div", { className: b('suggestions'), children: (0, jsx_runtime_1.jsx)(Suggestions_1.Suggestions, { items: suggestions, onClick: onSuggestionClick || (() => { }), title: suggestTitle, layout: suggestionsLayout, textAlign: suggestionsTextAlign }) })), children] }));
}
//# sourceMappingURL=PromptInputWithSuggestions.js.map
