| | |
| | | import React from 'react'; |
| | | import { CheckCircle, Cancel } from '@mui/icons-material'; |
| | | import { useTheme } from '@mui/material'; |
| | | import { Check, Close } from '@mui/icons-material'; |
| | | import { green, red } from '@mui/material/colors'; |
| | | |
| | | const BoolValueIcon = ({ value }) => { |
| | | const theme = useTheme(); |
| | | return value ? ( |
| | | <CheckCircle style={{ color: green[500] }} /> |
| | | <Check style={{ color: theme.palette.primary.main, fontSize: '24px' }} /> |
| | | ) : ( |
| | | <Cancel style={{ color: red[500] }} /> |
| | | <Close style={{ color: theme.palette.error.main, fontSize: '24px' }} /> |
| | | ); |
| | | }; |
| | | |