cosmo-ui
Version:
Common React components
43 lines • 1.72 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/header.scss');
var Header = (function (_super) {
tslib_1.__extends(Header, _super);
function Header() {
return _super !== null && _super.apply(this, arguments) || this;
}
Header.prototype.render = function () {
var _a = this.props, id = _a.id, children = _a.children, size = _a.size;
switch (size) {
case 'xs':
return (React.createElement("h5", { id: id, className: this.classNames() }, children));
case 'sm':
return (React.createElement("h4", { id: id, className: this.classNames() }, children));
case 'md':
return (React.createElement("h3", { id: id, className: this.classNames() }, children));
case 'lg':
return (React.createElement("h2", { id: id, className: this.classNames() }, children));
case 'xl':
return (React.createElement("h1", { id: id, className: this.classNames() }, children));
default:
throw new Error("Invalid header size: " + size);
}
};
Header.prototype.classNames = function () {
var _a = this.props, size = _a.size, primary = _a.primary;
return cx(styles.header, styles[size || 'md'], (_b = {},
_b[styles.primary] = primary,
_b));
var _b;
};
return Header;
}(React.Component));
Header.defaultProps = {
size: 'md',
primary: false,
};
exports.Header = Header;
//# sourceMappingURL=header.js.map