/**
 * SuggestionsError – error message (primitive)
 */
import React from 'react';
import { useSuggestionsContext } from './SuggestionsContext';
import { clsx } from 'clsx';
export function SuggestionsError({ className, style, render }) {
    const { error } = useSuggestionsContext();
    if (!error)
        return null;
    if (render)
        return React.createElement(React.Fragment, null, render(error));
    return (React.createElement("div", { className: clsx('seekora-suggestions-error', className), style: {
            padding: 16,
            color: 'var(--seekora-error, #dc2626)',
            fontSize: '0.875rem',
            ...style,
        } }, error.message));
}
