cosmo-ui
Version:
Common React components
35 lines • 1.3 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var React = require("react");
var cx = require("classnames");
var styles = require('../../src/styles/components/list.scss');
var List = (function (_super) {
tslib_1.__extends(List, _super);
function List() {
return _super !== null && _super.apply(this, arguments) || this;
}
List.prototype.render = function () {
return (React.createElement("ul", { className: this.classNames() }, this.props.children));
};
List.prototype.classNames = function () {
return cx(styles.container, this.props.className);
};
return List;
}(React.Component));
exports.List = List;
var ListItem = (function (_super) {
tslib_1.__extends(ListItem, _super);
function ListItem() {
return _super !== null && _super.apply(this, arguments) || this;
}
ListItem.prototype.render = function () {
return (React.createElement("li", { className: this.classNames(), onMouseDown: this.props.onClick }, this.props.children));
};
ListItem.prototype.classNames = function () {
return cx(styles.item, this.props.className);
};
return ListItem;
}(React.Component));
exports.ListItem = ListItem;
//# sourceMappingURL=list.js.map