import { default as React } from 'react';
import { UiData } from '../../types';
declare const SuggestionCard: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
    $isHighlighted: boolean;
    $botId: string;
}>> & string;
declare const CloseSuggestion: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
interface Props {
    value: string;
    onClick: React.MouseEventHandler<HTMLDivElement>;
    index: number;
    isHighlighted: boolean;
    uiData: UiData;
    botId: string;
    onClose?: () => void;
}
declare function Suggestion({ value, onClick, index, isHighlighted, uiData, botId, onClose, }: Props): import("react/jsx-runtime").JSX.Element;
export default Suggestion;
export { CloseSuggestion, SuggestionCard };