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