zent/lib/datetimepicker/common/PanelHeader.js

一套前端设计语言和基于React的实现

'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _icon = require('../../icon');

var _icon2 = _interopRequireDefault(_icon);

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

var _ref = _react2['default'].createElement(_icon2['default'], { type: 'right' });

var _ref2 = _react2['default'].createElement(_icon2['default'], { type: 'right' });

var PanelHeader = function PanelHeader(props) {
  var prev = props.prev,
      next = props.next,
      showPrev = props.showPrev,
      showNext = props.showNext,
      title = props.title,
      onClickTitle = props.onClickTitle;


  return _react2['default'].createElement(
    'div',
    { className: 'panel__header' },
    showPrev ? _react2['default'].createElement(
      'span',
      { className: 'link--prev', onClick: prev },
      _ref
    ) : null,
    _react2['default'].createElement(
      'span',
      { className: 'panel__title', onClick: onClickTitle },
      title
    ),
    showNext ? _react2['default'].createElement(
      'span',
      { className: 'link--next', onClick: next },
      _ref2
    ) : null
  );
};

PanelHeader.defaultProps = {
  showPrev: true,
  showNext: true
};

exports['default'] = PanelHeader;