"use client";

import { Suggestion, Suggestions } from "@/components/ai-elements/suggestion";

const suggestions = [
  "What are the latest trends in AI?",
  "How does machine learning work?",
  "Explain quantum computing",
  "Best practices for React development",
  "Tell me about TypeScript benefits",
  "How to optimize database queries?",
  "What is the difference between SQL and NoSQL?",
  "Explain cloud computing basics",
];

const handleSuggestionClick = (suggestion: string) => {
  console.log("Selected suggestion:", suggestion);
};

const Example = () => (
  <Suggestions>
    {suggestions.map((suggestion) => (
      <Suggestion
        key={suggestion}
        onClick={handleSuggestionClick}
        suggestion={suggestion}
      />
    ))}
  </Suggestions>
);

export default Example;
