bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/common/radio/styles.js
2023-05-10 00:09:54 +00:00

34 lines
867 B
JavaScript

import styled from 'styled-components';
import { colorText, colorSuccess } from '/imports/ui/stylesheets/styled-components/palette';
import Icon from '/imports/ui/components/common/icon/component';
import BaseRadio from '@mui/material/Radio';
import FormControlLabel from '@mui/material/FormControlLabel';
import { styled as muiStyled } from '@mui/system';
const Radio = muiStyled(BaseRadio)(() => ({
'&.Mui-checked': {
color: `${colorSuccess} !important`,
},
}));
const Label = muiStyled(FormControlLabel)(() => ({
'& .MuiFormControlLabel-label': {
fontFamily: 'inherit !important',
color: `${colorText} !important`,
},
'&.Mui-disabled': {
cursor: 'not-allowed !important',
},
}));
const RadioIcon = styled(Icon)``;
const RadioIconChecked = styled(RadioIcon)``;
export default {
RadioIcon,
RadioIconChecked,
Radio,
Label,
};