import React from 'react';
import classnames from 'classnames';
import { getContributorColor } from '@reltio/mdm-sdk';
import { useStyles } from './styles';
export var ContributorItem = function (_a) {
    var _b;
    var value = _a.value, _c = _a.isSelected, isSelected = _c === void 0 ? true : _c, onClick = _a.onClick;
    var color = getContributorColor(value);
    var styles = useStyles({ color: color });
    return (React.createElement("div", { "data-reltio-id": "reltio-contributor-item", "data-reltio-contributor": value, className: classnames(styles.icon, (_b = {},
            _b[styles.inactive] = !isSelected,
            _b[styles.active] = isSelected,
            _b[styles.clickable] = !!onClick,
            _b)), onClick: onClick }));
};
