import { createContext, useContext } from 'react';
import type { ComponentType } from 'react';
import type { MessageType } from 'tuikit-atomicx-react/chat';

interface MessageListContextValue {
  /** Custom renderers to override built-in message bubble content by MessageType */
  messageRenderers?: Partial<Record<MessageType, ComponentType<any>>>;
  /** Report message context menu open state; used to pause auto-scroll while a menu is open */
  onContextMenuOpenChange?: (open: boolean) => void;
}

const MessageListContext = createContext<MessageListContextValue>({});

function useMessageListContext() {
  return useContext(MessageListContext);
}

export { MessageListContext, useMessageListContext };
export type { MessageListContextValue };