import { forwardRef, type HTMLAttributes } from "react";
import { cn } from "~/lib/utils";

type ChatMessageListProps = HTMLAttributes<HTMLDivElement>;

const ChatMessageList = forwardRef<HTMLDivElement, ChatMessageListProps>(
	({ className, children, ...props }, ref) => (
		<div
			className={cn(
				"flex h-full w-full flex-col overflow-y-auto p-4",
				className,
			)}
			ref={ref}
			{...props}
		>
			{children}
		</div>
	),
);

ChatMessageList.displayName = "ChatMessageList";

export { ChatMessageList };
