import React from 'react';
import { Spin } from 'antd';
import classNames from 'classnames';
import { IconFont as Icon } from '@zhst/icon';
import "./index.less";
var componentName = "zhst-image__video-view";
var Loading = function Loading(props) {
  var status = props.status,
    reload = props.reload;
  return /*#__PURE__*/React.createElement("div", {
    className: classNames("".concat(componentName, "__player-mask")),
    onClick: function onClick(e) {
      e.stopPropagation();
    }
  }, status === 'LOADING' && /*#__PURE__*/React.createElement(Spin, {
    tip: "\u52A0\u8F7D\u4E2D...",
    spinning: status === 'LOADING'
  }), status === 'END' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
    onClick: function onClick() {
      reload();
    },
    className: classNames("".concat(componentName, "__icon-wraper"))
  }, /*#__PURE__*/React.createElement(Icon, {
    styles: {
      fill: '#ffffff',
      color: '#ffffff'
    },
    size: 54,
    icon: 'icon-shuaxin'
  })), /*#__PURE__*/React.createElement("div", {
    className: classNames("".concat(componentName, "__player-mask-title"))
  }, '点击刷新后，将重新播放')), status === 'ERROR' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
    className: classNames("".concat(componentName, "__icon-wraper"))
  }, /*#__PURE__*/React.createElement(Icon, {
    styles: {
      color: '#ffffff'
    },
    size: 54,
    icon: 'icon-jiazaishibai'
  })), /*#__PURE__*/React.createElement("div", {
    className: classNames("".concat(componentName, "__player-mask-title"))
  }, '视频加载失败，', /*#__PURE__*/React.createElement("a", {
    onClick: reload
  }, " ", '刷新'))));
};
export default Loading;