import React from 'react';
import type { ButtonButtonProps } from '@gravity-ui/uikit';
import type { SuggestionClickHandler, 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: SuggestionClickHandler;
    /** 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'. A non-default value disables the mobile chevron */
    textAlign?: 'left' | 'center' | 'right';
    /**
     * Size of suggestion buttons. Defaults to `m`, or `xl` in mobile mode.
     * An explicit size also opts out of the rest of the mobile appearance:
     * `normal` view, text wrapping, chevron and `body-2` typography.
     */
    size?: ButtonButtonProps['size'];
    /** Enable text wrapping inside buttons instead of ellipsis. Defaults to true in mobile mode */
    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;