import * as React from 'react';
import { Button } from 'zent';
import noop from 'lodash-es/noop';

const PanelFooter = props => {
  const {
    buttonText,
    errorText,
    linkCls,
    linkText,
    onClickButton,
    onClickLink,
    showError,
    showLink,
  } = props;

  return (
    <div className="panel__footer">
      {showLink && (
        <a className={linkCls} onClick={onClickLink}>
          {linkText}
        </a>
      )}
      {showError && <span className="error-tips">{errorText}</span>}
      <Button className="btn--confirm" type="primary" onClick={onClickButton}>
        {buttonText}
      </Button>
    </div>
  );
};

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

export default PanelFooter;