[Component Name]

[Component purpose in one line]

AI Agent Component Spec

Minimal Example

// Simplest working render
import { [ComponentName] } from "@cometchat/chat-uikit-react";

function App() {
  return <[ComponentName] />;
}

Props

Required Props

Prop	Type	Description
[propName]	[type]	[Description of the required prop]

Data Props

Prop	Type	Default	Description
[propName]	[type]	[default]	[Description of the data prop]

Callback Props

Prop	Type	Description
[onEvent]	[(param: Type) => void]	[Description of the callback]

Visibility Props

Prop	Type	Default	Description
[showElement]	[boolean]	[true/false]	[Description of visibility control]

View Slots

Slot	Signature	Replaces
[slotName]	[(props: SlotProps) => React.ReactNode]	[Default element replaced]

Events

Event	Payload	Description
[eventName]	[PayloadType]	[Description of when event fires]

CSS Classes

Class	Element
[cometchat-component-name]	[Root container element]
[cometchat-component-name__element]	[Specific element description]

Related

[Feature Guide]

Learn how to use this component

[Related Component]

[Description of related component]