import { Button } from "@/components/ui/button";
import { ScrollArea } from "@/components/ui/scroll-area";
import { cn } from "@/lib/utils";
import { useScrollToBottom } from "@/hooks/use-scroll-to-bottom";
import { ChevronDown } from "lucide-react";
export function ScrollButton({
onClick,
alignment = "right",
className
}) {
const alignmentClasses = {
left: "left-4",
center: "left-1/2 -translate-x-1/2",
right: "right-4",
};
return (
()
);
}
export function ChatMessageArea({
children,
className,
scrollButtonAlignment = "right"
}) {
const [containerRef, showScrollButton, scrollToBottom] =
useScrollToBottom();
return (
(
{showScrollButton && (
)}
)
);
}
ChatMessageArea.displayName = "ChatMessageArea";