import React from 'react';
import type { SuggestionsItem } from "../../../types/common.js";
import "./Suggestions.css";
/**
 * Props for the Suggestions component
 */
export type SuggestionsProps = {
    /** Array of suggestion items to display */
    items: SuggestionsItem[];
    /** Callback function called when a suggestion is clicked */
    onClick: (content: string, id?: string) => void | Promise<void>;
    /** Title to display above suggestions - can be string or custom React element */
    title?: React.ReactNode;
    /** Layout orientation: 'grid' for horizontal, 'list' for vertical */
    layout?: 'grid' | 'list';
    /** Text alignment inside buttons: 'left', 'center', or 'right' */
    textAlign?: 'left' | 'center' | 'right';
    /** Enable text wrapping inside buttons instead of ellipsis */
    wrapText?: boolean;
    /** Additional CSS class */
    className?: string;
    /** QA/test identifier */
    qa?: string;
};
/**
 * Suggestions component displays a group of clickable suggestion buttons
 * arranged in either horizontal (grid) or vertical (list) layout
 *
 * @param props - Component props
 * @returns React component
 */
export declare function Suggestions(props: SuggestionsProps): import("react/jsx-runtime").JSX.Element;
