mirror of
https://github.com/owncast/owncast.git
synced 2024-10-25 14:05:56 +03:00
19 lines
391 B
TypeScript
19 lines
391 B
TypeScript
|
import s from './ChatUserBadge.module.scss';
|
||
|
|
|
||
|
|
interface Props {
|
||
|
|
badge: string;
|
||
|
|
userColor: number;
|
||
|
|
}
|
||
|
|
|
||
|
|
export default function ChatUserBadge(props: Props) {
|
||
|
|
const { badge, userColor } = props;
|
||
|
|
const color = `var(--theme-user-colors-${userColor})`;
|
||
|
|
const style = { color, borderColor: color };
|
||
|
|
|
||
|
|
return (
|
||
|
|
<span style={style} className={s.badge}>
|
||
|
|
{badge}
|
||
|
|
</span>
|
||
|
|
);
|
||
|
|
}
|