import React from 'react';
import classnames from 'classnames';
import { AttributeListItem } from '../../../AttributeListItem';
import { Highlighter } from '../../../Highlighter';
import { useStyles } from './styles';
export var ColumnListItem = function (_a) {
    var _b;
    var item = _a.item, onClick = _a.onClick, checked = _a.checked, level = _a.level, style = _a.style, isFocused = _a.isFocused, isGroupItem = _a.isGroupItem, hideCheckBox = _a.hideCheckBox;
    var styles = useStyles();
    return (React.createElement(AttributeListItem, { hideCheckBox: hideCheckBox, key: item.id, onClick: onClick, checked: checked, level: level, data: item, label: React.createElement(Highlighter, { text: item.label, highlight: item.filterText }), labelInText: item.label, style: style, isFocused: isFocused, hideIcon: isGroupItem, className: classnames((_b = {}, _b[styles.groupItem] = isGroupItem, _b)), notSelectable: hideCheckBox && isGroupItem }));
};
