import React from 'react';
import classnames from 'classnames';
import { RuleTypeInfoButton } from '../RuleTypeInfoButton';
import { useCommonStyles } from '../../styles';
import { useStyles } from './styles';
export var RuleTypeRenderer = function (_a) {
    var _b = _a.value, ruleType = _b.ruleType, sourcesUriOrder = _b.sourcesUriOrder, primaryAttributeUri = _b.primaryAttributeUri, comparisonAttributeUri = _b.comparisonAttributeUri;
    var styles = useStyles();
    var commonStyles = useCommonStyles();
    var showInfoIcon = sourcesUriOrder || primaryAttributeUri || comparisonAttributeUri;
    return (React.createElement("div", { className: classnames(styles.root, commonStyles.basicCell) },
        React.createElement("div", { className: styles.label }, ruleType.label),
        showInfoIcon && (React.createElement(RuleTypeInfoButton, { info: {
                sourcesUriOrder: sourcesUriOrder,
                primaryAttributeUri: primaryAttributeUri,
                comparisonAttributeUri: comparisonAttributeUri
            } }))));
};
