> ## Documentation Index
> Fetch the complete documentation index at: https://cometchat-22654f5b-docs-rn-guide-message-privately.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Receipt

> Receipt — CometChat documentation.

The CometChatMessageReceipt component renders the receipts such as sending, sent, delivered, read and error state indicator of a message.

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b-docs-rn-guide-message-privately/mNTojjz_O28of40c/images/f82a1b5b-a1w8ok8jbsn50ui54tdfv1qqk5yregcweimaoo5kdk2eymhorifbpx6ksagig4g7-c4c6ce1ea172a4f9d33782a390b4aeee.png?fit=max&auto=format&n=mNTojjz_O28of40c&q=85&s=ae666cafeb54e3a333104fab885bdd53" width="509" height="472" data-path="images/f82a1b5b-a1w8ok8jbsn50ui54tdfv1qqk5yregcweimaoo5kdk2eymhorifbpx6ksagig4g7-c4c6ce1ea172a4f9d33782a390b4aeee.png" />
</Frame>

## How to integrate CometChatMessageReceipt ?

<Tabs>
  <Tab title="TypeScript">
    ```tsx theme={null}
    <CometChatReceipt
        receipt={status}
        deliveredIcon={deliveredIcon}
        errorIcon={errorIcon}
        readIcon={readIcon}
        sentIcon={sentIcon}
        waitIcon={waitingIcon}
      />
    ```
  </Tab>
</Tabs>

## Properties

To style or customise the `CometChatReceipt`, you can use the available parameters or methods.

| Properties    | Type                                                 | Description                                                                                                  |
| ------------- | ---------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ |
| receipt       | 'SENT' \| 'DELIVERED' \| 'READ' \| 'ERROR' \| 'WAIT' | Based on this CometChatReceipt display an icon.                                                              |
| waitIcon      | ImageType                                            | It is use to pass user defined image in to the MessageReceipt, to change the icon While sending the message. |
| sentIcon      | ImageType                                            | It is use to pass user defined image in to the MessageReceipt, to change the icon When Message is sent.      |
| deliveredIcon | ImageType                                            | It is use to pass user defined image in to the MessageReceipt, to change the icon When Message is delivered. |
| readIcon      | ImageType                                            | It is use to pass user defined image in to the MessageReceipt, to change the icon When Message is read.      |
| errorIcon     | ImageType                                            | It is use to pass user defined image in to the MessageReceipt, to change the icon While error occurs.        |