import { Thread } from './Thread';
import { useAiDraft } from './useAiDraft';

export const Inbox = ({ enquiry }) => {
  const draft = useAiDraft(enquiry);

  return (
    <section className="inbox glass-panel">
      <Thread messages={enquiry.messages} />
      {draft && <AiDraft text={draft} onSend={send} />}
    </section>
  );
};