|  |  | 
 |  |  | 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' }} /> | 
 |  |  |     ); | 
 |  |  | }; | 
 |  |  |  |