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; 
 |