import React from 'react'; import { ChatContextValue } from '../../context/ChatContext'; import { MessageDeliveryStatus } from './hooks/useMessageDeliveryStatus'; import type { Channel } from 'open-chat-js'; import type { AvatarProps } from '../Avatar/Avatar'; import type { StreamMessage } from '../../context/ChannelStateContext'; import type { DefaultStreamChatGenerics } from '../../types/types'; export 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; /** Status describing whether own message has been delivered or read by another. If the last message is not an own message, then the status is undefined. */ messageDeliveryStatus?: MessageDeliveryStatus; /** Number of unread Messages */ unread?: number; }; export 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) => React.JSX.Element | null; //# sourceMappingURL=ChannelPreview.d.ts.map