AI Suggestion Panel

import { AISuggestionPanel } from '@/blocks/ai-conversation/ai-suggestion-panel'
import { Target, TrendingUp, Zap } from 'lucide-react'

export default function Example() {
  const suggestions = [
    {
      id: 1,
      type: 'action',
      icon: Target,
      title: 'Complete your weekly review',
      description: 'Based on your routine, you usually do this on Fridays',
      confidence: 94,
      action: 'Start Review',
    },
    {
      id: 2,
      type: 'insight',
      icon: TrendingUp,
      title: 'Productivity up 23%',
      description: 'You completed 12 tasks this week',
      confidence: 88,
      action: 'View Details',
    },
    {
      id: 3,
      type: 'shortcut',
      icon: Zap,
      title: 'Quick action available',
      description: 'You frequently check this project',
      confidence: 82,
      action: 'Open Project',
    },
  ]

  const handleAction = (suggestion) => {
    console.log('Action clicked:', suggestion)
  }

  const handleDismiss = (id) => {
    console.log('Dismissed:', id)
  }

  return (
    <AISuggestionPanel
      suggestions={suggestions}
      onAction={handleAction}
      onDismiss={handleDismiss}
      onPreferences={() => navigate('/settings/ai')}
    />
  )
}