Open History to see the last commit
1/** Bubble classes for a guest's message. A pending one has a dashed edge and no fill. */
2export function guestBubbleClassName(pending: boolean): string {
3 return pending ? "border border-dashed border-guest/50 bg-transparent" : "bg-guest-surface";
4}
5
6/** The guest's name above their message, where "Sent by T3 Code" sits for server messages. */
7export function GuestMessageName({ name }: { readonly name: string }) {
8 return (
9 <p className="me-1 text-2xs text-guest-foreground">
10 {name}
11 <span className="sr-only"> (guest)</span>
12 </p>
13 );
14}