chat-suggestions-demo-simple

1"use client";
2 
3import {
4	ChatSuggestion,
5	ChatSuggestions,
6	ChatSuggestionsContent,
7	ChatSuggestionsHeader,
8	ChatSuggestionsTitle,
9} from "@/registry/ui/chat-suggestions";
10 
11export default function ChatSuggestionsDemoSimple() {
12	const suggestions = [
13		"What can you help me with?",
14		"Show me examples",
15		"Explain the basics",
16	];
17 
18	return (
19		<div className="p-4">
20			<ChatSuggestions>
21				<ChatSuggestionsHeader>
22					<ChatSuggestionsTitle>Quick start:</ChatSuggestionsTitle>
23				</ChatSuggestionsHeader>
24				<ChatSuggestionsContent>
25					{suggestions.map((suggestion) => (
26						<ChatSuggestion key={suggestion}>
27							{suggestion}
28						</ChatSuggestion>
29					))}
30				</ChatSuggestionsContent>
31			</ChatSuggestions>
32		</div>
33	);
34}