Mirror of https://github.com/roostorg/osprey
github.com/roostorg/osprey
1import { InfoCircleOutlined } from '@ant-design/icons';
2import { Tooltip } from 'antd';
3
4import { Key } from 'rc-select/lib/interface/generator';
5
6import { OptionInfoMapping } from '../../stores/ApplicationConfigStore';
7
8import styles from './OptionLabelWithInfo.module.css';
9
10function OptionLabelWithInfo({ option, optionInfoMapping }: { option: Key; optionInfoMapping: OptionInfoMapping }) {
11 if (typeof option !== 'number' && optionInfoMapping.get(option)) {
12 return (
13 <div className={styles.optionLabelWithInfo} key={option}>
14 <div className={styles.feature}>{option}</div>
15 <Tooltip title={optionInfoMapping.get(option)} placement="right" overlayStyle={{ maxWidth: 500 }}>
16 <InfoCircleOutlined />
17 </Tooltip>
18 </div>
19 );
20 } else {
21 return <>{option}</>;
22 }
23}
24
25export default OptionLabelWithInfo;