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

# AISmartRepliesStyle

> AISmartRepliesStyle — CometChat documentation.

Styling properties of `AISmartReplies` component.

| Name                  | Description                                                                               |
| --------------------- | ----------------------------------------------------------------------------------------- |
| textFont              | Sets all the different properties of font for each smart reply text.                      |
| textBorder            | Sets the border for each smart reply text.                                                |
| textBorderRadius      | Sets the border radius for each smart reply text.                                         |
| textColor             | Sets the foreground color of each smart reply text.                                       |
| textBackground        | Sets the background for each smart reply text.                                            |
| buttonTextColor       | Sets the foreground color of the button.                                                  |
| buttonTextFont        | Sets all the different properties of font for the button.                                 |
| buttonBackground      | Sets the background for the button.                                                       |
| backIconTint          | Sets the tint or color applied to the back button icon.                                   |
| titleFont             | Sets all the different properties of font of the title.                                   |
| titleColor            | Sets the foreground color of the title.                                                   |
| emptyStateTextFont    | Sets all the different properties of font for the placeholder text for empty state.       |
| emptyStateTextColor   | Sets the foreground color of placeholder text for empty state displayed in the component. |
| loadingStateTextFont  | Sets all the different properties of font for the loading message.                        |
| loadingStateTextColor | Sets the foreground color of loading message displayed in the component.                  |
| errorStateTextFont    | Sets all the different properties of font for the error message.                          |
| errorStateTextColor   | Sets the foreground color of error message displayed in the component.                    |
| loadingIconTint       | Sets the tint or color applied to the loading icon.                                       |
| emptyIconTint         | Sets the tint or color applied to the empty icon.                                         |
| errorIconTint         | Sets the tint or color applied to the error icon.                                         |