| import React from 'react'; | 
| 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 ? ( | 
|         <Check style={{ color: theme.palette.primary.main, fontSize: '24px' }} /> | 
|     ) : ( | 
|         <Close style={{ color: theme.palette.error.main, fontSize: '24px' }} /> | 
|     ); | 
| }; | 
|   | 
| export default BoolValueIcon; |