/**
 * SuggestionsLoading – loading indicator (primitive)
 */
import React from 'react';
import { useSuggestionsContext } from './SuggestionsContext';
import { clsx } from 'clsx';
export function SuggestionsLoading({ className, style, text = 'Loading...' }) {
    const { loading } = useSuggestionsContext();
    if (!loading)
        return null;
    return (React.createElement("div", { className: clsx('seekora-suggestions-loading', className), style: {
            padding: 16,
            color: 'var(--seekora-text-secondary, #6b7280)',
            fontSize: '0.875rem',
            ...style,
        } }, text));
}
