import React from 'react'; import { ChatContextValue } from '../../context/ChatContext'; import type { Channel } from 'stream-chat'; import type { AvatarProps } from '../Avatar/Avatar'; import type { StreamMessage } from '../../context/ChannelStateContext'; import type { DefaultStreamChatGenerics } from '../../types/types'; export declare type ChannelPreviewUIComponentProps = ChannelPreviewProps & { /** If the component's channel is the active (selected) Channel */ active?: boolean; /** Image of Channel to display */ displayImage?: string; /** Title of Channel to display */ displayTitle?: string; /** The last message received in a channel */ lastMessage?: StreamMessage; /** Latest message preview to display, will be a string or JSX element supporting markdown. */ latestMessage?: string | JSX.Element; /** Number of unread Messages */ unread?: number; }; export declare type ChannelPreviewProps = { /** Comes from either the `channelRenderFilterFn` or `usePaginatedChannels` call from [ChannelList](https://github.com/GetStream/stream-chat-react/blob/master/src/components/ChannelList/ChannelList.tsx) */ channel: Channel; /** Current selected channel object */ activeChannel?: Channel; /** Custom UI component to display user avatar, defaults to and accepts same props as: [Avatar](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Avatar/Avatar.tsx) */ Avatar?: React.ComponentType; /** Forces the update of preview component on channel update */ channelUpdateCount?: number; /** Custom class for the channel preview root */ className?: string; key?: string; /** Custom ChannelPreview click handler function */ onSelect?: (event: React.MouseEvent) => void; /** Custom UI component to display the channel preview in the list, defaults to and accepts same props as: [ChannelPreviewMessenger](https://github.com/GetStream/stream-chat-react/blob/master/src/components/ChannelPreview/ChannelPreviewMessenger.tsx) */ Preview?: React.ComponentType>; /** Setter for selected Channel */ setActiveChannel?: ChatContextValue['setActiveChannel']; /** Object containing watcher parameters */ watchers?: { limit?: number; offset?: number; }; }; export declare const ChannelPreview: (props: ChannelPreviewProps) => JSX.Element | null; //# sourceMappingURL=ChannelPreview.d.ts.map