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

31 lines
852 B
TypeScript
Raw Normal View History

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