"use strict";
/* tslint:disable */
var React = require("react");
/* tslint:enable */
var Utilities_1 = require("../../../Utilities");
var TagItem_scss_1 = require("./TagItem.scss");
exports.TagItem = function (props) { return (React.createElement("div", { className: Utilities_1.css('ms-TagItem', TagItem_scss_1.default.root, { 'is-selected': props.selected }, props.selected && TagItem_scss_1.default.isSelected), key: props.index, "data-selection-index": props.index, "data-is-focusable": true },
    React.createElement("span", { className: Utilities_1.css('ms-TagItem-text', TagItem_scss_1.default.tagItemText) }, props.children),
    React.createElement("span", { className: Utilities_1.css('ms-TagItem-close', TagItem_scss_1.default.tagItemClose), onClick: props.onRemoveItem },
        React.createElement("i", { className: ' ms-Icon ms-Icon--Cancel' })))); };

//# sourceMappingURL=TagItem.js.map
