import { BarChart3 } from 'lucide-react';

export function WalkthroughSummaryEmpty() {
  return (
    <div className="flex flex-col items-center justify-center py-16">
      <div className="w-16 h-16 rounded-2xl bg-slate-800/50 border border-slate-700/50 flex items-center justify-center mb-4">
        <BarChart3 size={28} className="text-slate-600" />
      </div>
      <h3 className="text-lg font-semibold text-white mb-1">No Walk-Through Data Yet</h3>
      <p className="text-sm text-slate-500">Complete your first walk-through to see performance analytics here.</p>
    </div>
  );
}
