import { LitElement, nothing } from 'lit';
import type { Suggestion, FollowUpVariant } from '../../types/index.js';
import './define-suggestion-chips.js';
/**
 * @tag loquix-follow-up-suggestions
 * @summary Follow-up suggestion chips shown below an assistant message.
 *
 * @fires {CustomEvent} loquix-suggestion-select - When a suggestion is clicked.
 *
 * @cssprop [--loquix-followup-gap] - Gap between chips.
 * @cssprop [--loquix-followup-font-size] - Chip font size.
 * @cssprop [--loquix-followup-margin-top] - Top margin from parent message.
 * @cssprop [--loquix-followup-label-font-size] - Label font size.
 * @cssprop [--loquix-followup-label-color] - Label color.
 */
export declare class LoquixFollowUpSuggestions extends LitElement {
    static styles: import("lit").CSSResult[];
    /** Suggestion items. */
    suggestions: Suggestion[];
    /** Layout variant. */
    variant: FollowUpVariant;
    /** Associated message ID. */
    messageId: string;
    /** Max visible chips before "+N more". */
    maxVisible: number;
    /** Optional label above chips. */
    label: string;
    protected render(): import("lit").TemplateResult<1> | typeof nothing;
}
//# sourceMappingURL=loquix-follow-up-suggestions.d.ts.map