Composer

import { Composer } from "@cord-sdk/react";

export const Example = () => {
  return (
    <Composer
      threadId={"<any string that is unique across your entire application>"}
      location={{ page: "index" }}
      onFocus={({ threadId }) =>
        console.log('Focussed <Composer /> threadId =', threadId)
      }
      onBlur={({ threadId }) =>
        console.log('Blurred <Composer /> threadId =', threadId)
      }
      onClose={({ threadId }) =>
        console.log('Closed <Composer /> threadId =', threadId)
      }
      onSend={({ threadId, messageId }) =>
      console.log('Sent a message from <Composer /> threadId =', threadId, 'messageId=', messageId)
    }
      style={{
        width: "300px" // Recommended so that the composer doesn't stretch horizontally based on its content
      }}
    />
  );
};