#

vincentlu

2025-01-10 f2631e786cc1c939e0a0698eadee76fd3d9a1fa9

 zy-acs-flow/src/map/insight/BoolValueIcon.jsx

@@ -1,12 +1,14 @@
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' }} />
    );
};