jiti-meet/react/features/participants-pane/components/web/RaisedHandIndicator.tsx

31 lines
852 B
TypeScript

import { Theme } from '@mui/material';
import React from 'react';
import { makeStyles } from 'tss-react/mui';
import Icon from '../../../base/icons/components/Icon';
import { IconRaisedHandHollow } from '../../../base/icons/svg';
const useStyles = makeStyles()((theme: Theme) => {
return {
indicator: {
backgroundColor: theme.palette.warning02,
borderRadius: `${Number(theme.shape.borderRadius) / 2}px`,
height: '24px',
width: '24px'
}
};
});
export const RaisedHandIndicator = () => {
const { classes: styles, theme } = useStyles();
return (
<div className = { styles.indicator }>
<Icon
color = { theme.palette.uiBackground }
size = { 16 }
src = { IconRaisedHandHollow } />
</div>
);
};