1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| import React from 'react';
| import { CheckOutlined, StopOutlined, MinusOutlined } from '@ant-design/icons';
|
| const BoolValueIcon = ({ value }) => {
| let icon;
| if (value === undefined || value === null) {
| icon = <MinusOutlined style={{ color: '#34495e', fontSize: '1.2em', fontWeight: 'bold' }} />;
| } else if (value) {
| icon = <CheckOutlined style={{ color: '#2980b9', fontSize: '1.2em', fontWeight: 'bold' }} />;
| } else {
| icon = <StopOutlined style={{ color: '#c0392b', fontSize: '1.2em', fontWeight: 'bold' }} />;
| }
|
| return (
| <div style={{ display: 'flex', justifyContent: 'center' }}>
| {icon}
| </div>
| );
| };
|
| export default BoolValueIcon;
|
|
