ost-ui/dist/npm/OstHeader/index.js

ost ui for react

import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
import _inherits from 'babel-runtime/helpers/inherits';
import React, { Component } from 'react';
import PropTypes from 'prop-types';

var OstHeader = function (_Component) {
  _inherits(OstHeader, _Component);

  function OstHeader() {
    _classCallCheck(this, OstHeader);

    return _possibleConstructorReturn(this, _Component.apply(this, arguments));
  }

  OstHeader.prototype.render = function render() {
    var _props = this.props,
        title = _props.title,
        leftOpt = _props.leftOpt,
        style = _props.style,
        titleStyle = _props.titleStyle;


    return [React.createElement(
      'div',
      { className: "ost-header", key: '0', style: style },
      React.createElement(
        'div',
        {
          className: "ost-header-left",
          onClick: function onClick() {
            if (leftOpt && leftOpt.onClick) {
              leftOpt.onClick();
            } else {
              window.history.back();
            }
          } },
        React.createElement('i', null)
      ),
      React.createElement(
        'div',
        { className: 'ost-header-title', style: titleStyle },
        title
      ),
      React.createElement('div', { className: "ost-header-right" })
    ), React.createElement('div', { key: '1', className: 'ost-header-height-polyfill' })];
  };

  return OstHeader;
}(Component);

export default OstHeader;

OstHeader.propTypes = {
  title: PropTypes.string,
  leftOpt: PropTypes.object
};