import { AIWelcomeState } from '@/blocks/ai-conversation/ai-welcome-state'
import { ListTodo, Calendar, Target, Zap } from 'lucide-react'

export default function Example() {
  const prompts = [
    {
      icon: ListTodo,
      title: 'Plan my day',
      prompt: 'Help me prioritize my tasks for today',
      color: 'indigo',
    },
    {
      icon: Calendar,
      title: 'Schedule focus time',
      prompt: 'Block 2 hours of deep work this week',
      color: 'teal',
    },
    {
      icon: Target,
      title: 'Set weekly goals',
      prompt: 'Break down my Q1 objectives into milestones',
      color: 'amber',
    },
    {
      icon: Zap,
      title: 'Boost productivity',
      prompt: 'Analyze my task patterns and suggest improvements',
      color: 'violet',
    },
  ]

  const handlePromptSelect = (prompt: string) => {
    // Insert prompt into chat input
    setInputValue(prompt)
    inputRef.current?.focus()
  }

  return (
    <AIWelcomeState
      heading="Welcome to Horizon AI"
      description="I'm here to help you plan, prioritize, and achieve your goals."
      prompts={prompts}
      onPromptSelect={handlePromptSelect}
      keyboardHintText="for commands or just start typing"
    />
  )
}