import React from 'react'; interface SuggestionCardProps { category: string; title: string; description: string; icon: React.ReactNode; onClick?: () => void; } const SuggestionCard: React.FC = ({ category, title, description, icon, onClick }) => (

{icon}

{category}

{title}

{description}

); interface CategoryTabProps { label: string; isActive: boolean; onClick: () => void; } const CategoryTab: React.FC = ({ label, isActive, onClick }) => ( ); const ChatEmptyState: React.FC = () => { const [activeCategory, setActiveCategory] = React.useState('All'); const categories = ['All', 'Performance', 'Culture', 'Reports', 'Analysis']; const suggestions = [ { category: 'Performance', title: 'Analyze team performance trends', description: 'Get insights on productivity patterns and improvement areas across your organization.', icon: ( ) }, { category: 'Culture', title: 'Assess company culture health', description: 'Review employee satisfaction, engagement levels, and cultural alignment metrics.', icon: ( ) }, { category: 'Reports', title: 'Generate executive summary', description: 'Create comprehensive reports on organizational strengths, risks, and recommendations.', icon: ( ) }, { category: 'Analysis', title: 'Compare department metrics', description: 'Analyze cross-departmental performance and identify areas for improvement.', icon: ( ) }, { category: 'Performance', title: 'Review individual performance', description: 'Deep dive into specific employee performance data and development opportunities.', icon: ( ) }, { category: 'Culture', title: 'Identify team dynamics', description: 'Understand collaboration patterns, communication effectiveness, and team cohesion.', icon: ( ) } ]; const filteredSuggestions = activeCategory === 'All' ? suggestions : suggestions.filter(s => s.category === activeCategory); const handleSuggestionClick = (suggestion: any) => { // Handle suggestion click - could pass this up to parent component console.log('Clicked suggestion:', suggestion.title); }; return (

{/* Welcome Message */}

Welcome to Auditly Chat

Ask me anything about your team's performance, company culture, or organizational insights. I can analyze employee data, generate reports, and provide actionable recommendations.

{/* Category Tabs */}

{categories.map((category) => ( setActiveCategory(category)} /> ))}

{/* Suggestion Cards Grid */}

{filteredSuggestions.map((suggestion, index) => ( handleSuggestionClick(suggestion)} /> ))}

{/* Additional Help Text */}

You can also upload files, mention specific employees using @, or ask custom questions about your organization. I'll provide insights based on your team's data and industry best practices.

); }; export default ChatEmptyState;