import { SendHorizonal } from "lucide-react"; import { createContext, forwardRef, useContext } from "react"; import { Button } from "@/components/ui/button"; import { Input } from "@/components/ui/input"; import { cn } from "@/lib/utils"; const AlignmentContext = createContext<"start" | "end">("start"); type ChatAvatarProps = React.HTMLAttributes; export function ChatAvatar({ className, children, ...props }: ChatAvatarProps) { const align = useContext(AlignmentContext); return (

{children}

); } type ChatBubbleProps = React.HTMLAttributes; export function ChatBubble({ className, children, ...props }: ChatBubbleProps) { const align = useContext(AlignmentContext); return (

{children}

); } type ChatMessageProps = React.HTMLAttributes & { align: "start" | "end"; }; export function ChatMessage({ children, className, align, ...props }: ChatMessageProps) { return (

{children}

); } type ChatProps = React.HTMLAttributes; export const Chat = forwardRef( ({ children, className, ...props }, ref) => { return (

{children}

); } ); Chat.displayName = "Chat"; type ChatInputProps = React.InputHTMLAttributes; export const ChatInput = forwardRef( ({ className, ...props }, ref) => { return ( ); } ); ChatInput.displayName = "ChatInput"; export function ChatSubmit({ className, children, ...props }: React.ButtonHTMLAttributes) { return ( ); } type ChatPromptProps = React.HTMLAttributes; export const ChatForm = forwardRef( ({ className, children, ...props }, ref) => { return ( ); } ); ChatForm.displayName = "ChatForm";

chat

Installation