zent/lib/datetimepicker/common/PanelFooter.js

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

'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _button = require('../../button');

var _button2 = _interopRequireDefault(_button);

var _constants = require('../constants');

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

var PanelFooter = function PanelFooter(props) {
  var linkCls = props.linkCls,
      linkText = props.linkText,
      onClickLink = props.onClickLink,
      onClickButton = props.onClickButton,
      buttonText = props.buttonText,
      showLink = props.showLink,
      showError = props.showError,
      errorText = props.errorText;


  return _react2['default'].createElement(
    'div',
    { className: 'panel__footer' },
    showLink && _react2['default'].createElement(
      'a',
      { className: linkCls, onClick: onClickLink },
      linkText
    ),
    showError && _react2['default'].createElement(
      'span',
      { className: 'error-tips' },
      errorText
    ),
    _react2['default'].createElement(
      _button2['default'],
      { className: 'btn--confirm', type: 'primary', onClick: onClickButton },
      buttonText
    )
  );
};

PanelFooter.defaultProps = {
  onClickLink: _constants.noop,
  onClickButton: _constants.noop,
  showLink: true,
  showError: false,
  errorText: ''
};

exports['default'] = PanelFooter;