import { TreeDeciduous } from 'lucide-react'

export function EmptyPreview() {
  return (
    <div className="flex h-full flex-col items-center justify-center p-8 text-center">
      <TreeDeciduous className="h-12 w-12 text-muted-foreground/30 mb-4" />
      <h3 className="text-sm font-medium text-muted-foreground mb-1">Flow Preview</h3>
      <p className="text-xs text-muted-foreground/70 max-w-48">
        Your flow will appear here as you describe it to the AI
      </p>
    </div>
  )
}