owncast/web/components/chat/ChatUserBadge/ChatUserBadge.tsx
2022-08-21 15:50:27 -07:00

18 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>
);
}