···

       
9
       
9
       
 
       


     

       
10
       
10
       
 
       
export const Message = ({ message }: { message: ShardMessage }) => {

     

       
11
       
11
       
 
       
    const { typography } = useFacet();

     

       
12
       
12
       
-
       
    const { semantic } = useCurrentPalette()

     

       
12
       
12
       
+
       
    const { semantic } = useCurrentPalette();

     

       
13
       
13
       
 
       


     

       
14
       
14
       
 
       
    const sentAtString = format(new Date(message.sentAt), "h:mm aaa");

     

       
15
       
15
       
 
       


     

···

       
42
       
42
       
 
       
    warningLight?: HexCode;

     

       
43
       
43
       
 
       
    info: HexCode;

     

       
44
       
44
       
 
       
    infoLight?: HexCode;

     

       
45
       
45
       
-
       
    

     

       
46
       
45
       
 
       
}

     

       
47
       
46
       
 
       


     

       
48
       
47
       
 
       
// Basically Catppuccin tbh