<VibezReceipt />

import { useVibezChat, VibezReceipt } from 'vibezcheck/react';
export default function Chat() {
  const { messages } = useVibezChat();
  return (
    <div className="space-y-4">
      {messages.map((m) => (
        <div key={m.id} className="p-4 rounded- bg-white border border-slate-200">
          <p className="text-slate-900 text-sm">{m.content}</p>
          {/* ⚡ Micro-Receipt on assistant responses */}
          {m.role === 'assistant' && (
            <VibezReceipt
              message={m}
              variant="minimal"
            />
          )}
        </div>
      ))}
    </div>
  );
}