// import * as React from "react";
import { ComboBox, IComboBoxProps} from "office-ui-fabric-react";


export class FabricComboBoxWithTreeSupport extends ComboBox {
    constructor(props: IComboBoxProps) {
        super(props)

        // this._renderOption = function (item) {
            
        //     var _a = this.props.onRenderOption, onRenderOption = _a === void 0 ? this._onRenderOptionContent : _a;
        //     var id = this._id;
        //     var isSelected = this._isOptionSelected(item.index);
        //     var optionStyles = this._getCurrentOptionStyles(item);
        //     var optionClassNames = ComboBox_classNames_1.getComboBoxOptionClassNames(this._getCurrentOptionStyles(item));
        //     var checkboxStyles = function () {
        //         return optionStyles;
        //     };
        //     var title = this._getPreviewText(item);
        //     var getOptionComponent = function () {
        //         debugger;
        //         return !this.props.multiSelect ?
        //             (React.createElement(CommandButton,
        //                 {
        //                     id: id + '-list' + item.index, key: item.key, "data-index": item.index, styles: this._getCurrentOptionStyles(item), checked: isSelected,
        //                     className: 'ms-ComboBox-option', onClick: this._onItemClick(item.index),
        //                     onMouseEnter: this._onOptionMouseEnter.bind(this, item.index), onMouseMove: this._onOptionMouseMove.bind(this, item.index),
        //                     onMouseLeave: this._onOptionMouseLeave, role: "option", "aria-selected": isSelected ? 'true' : 'false', ariaLabel: this._getPreviewText(item), disabled: item.disabled, title: title
        //                 },
        //                 ' ',
        //                 React.createElement("span", { className: optionClassNames.optionTextWrapper, ref: isSelected ? this._selectedElement : undefined }, onRenderOption(item, this._onRenderOptionContent)))) :

        //             (React.createElement(Checkbox, {
        //                 id: id + '-list' + item.index,
        //                 ariaLabel: this._getPreviewText(item), key: item.key, "data-index": item.index,
        //                 styles: checkboxStyles, className: 'ms-ComboBox-option', "data-is-focusable": true, onChange: this._onItemClick(item.index), label: item.text, role: "option",
        //                 "aria-selected": isSelected ? 'true' : 'false', checked: isSelected, title: title
        //             }, onRenderOption(item, this._onRenderOptionContent)));
        //     };
        //     return (React.createElement(ComboBoxOptionWrapper, { key: item.key, index: item.index, disabled: item.disabled, isSelected: isSelected, text: item.text, render: getOptionComponent }));
        // };
    }

}

export default FabricComboBoxWithTreeSupport;