#

vincentlu

2025-03-28 4345f5c37775ad0398c6f3dce6c68b3b7ac4d7a3

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
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;