import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { block } from "../../../utils/cn.js";
import { Suggestions } from "../../molecules/Suggestions/index.js";
const b = block('prompt-input');
/**
 * PromptInputWithSuggestions component - wrapper that shows suggestions above the prompt input
 *
 * @param props - Component props
 * @returns React component
 */
export function PromptInputWithSuggestions(props) {
    const { children, suggestionsProps = {}, className, qa } = props;
    const { showSuggestions = false, suggestions = [], suggestTitle, onSuggestionClick, suggestionsLayout, suggestionsTextAlign = 'center', } = suggestionsProps;
    return (_jsxs("div", { className: b('suggestions-wrapper', className), "data-qa": qa, children: [showSuggestions && (_jsx("div", { className: b('suggestions'), children: _jsx(Suggestions, { items: suggestions, onClick: onSuggestionClick || (() => { }), title: suggestTitle, layout: suggestionsLayout, textAlign: suggestionsTextAlign }) })), children] }));
}
//# sourceMappingURL=PromptInputWithSuggestions.js.map
