components/Suggestions.js

class Suggestions extends React.Component {
    render() {
        const suggestions = [
            'Create content',
            'Improve writing',
            'Write a first draft',
            'Draft a text',
            'Generate ideas',
            'Analyze document',
            'Summarize text',
            'Answer questions'
        ];

        return (
            <div className="flex flex-wrap justify-center gap-3 mt-6 max-w-2xl mx-auto">
                {suggestions.map((suggestion, index) => (
                    <button
                        key={index}
                        onClick={() => this.props.onSuggestionClick(suggestion)}
                        className="px-4 py-2 bg-secondary hover:bg-gray-700 rounded-full text-sm font-medium transition-colors"
                    >
                        {suggestion}
                    </button>
                ))}
            </div>
        );
    }
}