import React from "react";
/**
 * PromptSuggestion component props
 *
 * Individual clickable suggestion chip for AI prompt interfaces.
 * Simple, focused component with white background and border styling.
 *
 * @example Basic usage
 * ```tsx
 * <PromptSuggestion onSelect={handleSelect}>
 *   Write a poem
 * </PromptSuggestion>
 * ```
 *
 * @example With icon
 * ```tsx
 * <PromptSuggestion
 *   icon={<CodeBracketIcon className="size-4" />}
 *   onSelect={handleSelect}
 * >
 *   Explain this code
 * </PromptSuggestion>
 * ```
 *
 * @example Custom styling (shadcn approach)
 * ```tsx
 * <PromptSuggestion
 *   className="bg-purple-100 border-purple-300"
 *   onSelect={handleSelect}
 * >
 *   Custom styled
 * </PromptSuggestion>
 * ```
 */
export interface PromptSuggestionProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "onSelect"> {
    /**
     * Suggestion text content
     */
    children: React.ReactNode;
    /**
     * Callback when suggestion is clicked
     * Receives the text content as a string
     */
    onSelect?: (text: string) => void;
    /**
     * Optional icon displayed before the text
     */
    icon?: React.ReactNode;
    /**
     * Additional className for full customization (highest priority)
     */
    className?: string;
}
