| 46 | export type MessageContentProps = HTMLAttributes<HTMLDivElement>; |
| 47 | |
| 48 | export const MessageContent = ({ |
| 49 | children, |
| 50 | className, |
| 51 | ...props |
| 52 | }: MessageContentProps) => ( |
| 53 | <div |
| 54 | className={cn( |
| 55 | "is-user:dark flex w-fit min-w-0 max-w-full flex-col gap-2 overflow-hidden text-sm", |
| 56 | "group-[.is-user]:ml-auto group-[.is-user]:rounded-lg group-[.is-user]:bg-secondary group-[.is-user]:px-4 group-[.is-user]:py-3 group-[.is-user]:text-foreground", |
| 57 | "group-[.is-assistant]:text-foreground", |
| 58 | className, |
| 59 | )} |
| 60 | {...props} |
| 61 | > |
| 62 | {children} |
| 63 | </div> |
| 64 | ); |
| 65 | |
| 66 | export type MessageActionsProps = ComponentProps<"div">; |
| 67 | |