@lyra/components/lib/labels/DefaultLabel.js

Basic UX components

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _defaultStyle = require('part:@lyra/components/labels/default-style');

var _defaultStyle2 = _interopRequireDefault(_defaultStyle);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

class DefaultLabel extends _react2.default.PureComponent {
  render() {
    var _props = this.props;
    const className = _props.className,
          level = _props.level;

    const levelClass = `level_${level}`;
    return _react2.default.createElement(
      'div',
      { className: `${_defaultStyle2.default.root} ${className} ${_defaultStyle2.default[levelClass]}` },
      this.props.children
    );
  }
}
exports.default = DefaultLabel;
DefaultLabel.propTypes = {
  className: _propTypes2.default.string,
  children: _propTypes2.default.node,
  level: _propTypes2.default.number
};