You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
20 lines
525 B
20 lines
525 B
import React, { FC } from 'react'; |
|
import cn from 'classnames'; |
|
import styles from './ChatUserBadge.module.scss'; |
|
|
|
export type ChatUserBadgeProps = { |
|
badge: React.ReactNode; |
|
userColor: number; |
|
title: string; |
|
}; |
|
|
|
export const ChatUserBadge: FC<ChatUserBadgeProps> = ({ badge, userColor, title }) => { |
|
const color = `var(--theme-color-users-${userColor})`; |
|
const style = { color }; |
|
|
|
return ( |
|
<span style={style} className={cn([styles.badge, 'chat-user-badge'])} title={title}> |
|
{badge} |
|
</span> |
|
); |
|
};
|
|
|