Message Draft

import MessageDraft from "@/components/ui/message-draft";

export default function Default() {
  return (
    <div className="flex w-full items-center justify-center p-8">
      <MessageDraft
        id="message-draft-email"
        channel="email"
        subject="Updated proposal attached"
        from="sarah.mitchell@acme.co"
        to={["marcus.chen@acme.co"]}
        body={`Hi Marcus,

I've attached the revised proposal with the changes we discussed. The new timeline reflects the Q2 launch date, and I've adjusted the budget breakdown in section 3.

Let me know if you have any questions.

Best,
Sarah`}
        onSend={() => console.log("Message sent")}
        onCancel={() => console.log("Message cancelled")}
      />
    </div>
  );
}