import React from 'react';
import "./index.css";

var BorderBox6 = function BorderBox6(props) {
  var titleText = props.titleText,
      _props$width = props.width,
      width = _props$width === void 0 ? '100%' : _props$width,
      _props$height = props.height,
      height = _props$height === void 0 ? '100%' : _props$height,
      children = props.children,
      _props$className = props.className,
      className = _props$className === void 0 ? '' : _props$className,
      _props$hasViewDetail = props.hasViewDetail,
      hasViewDetail = _props$hasViewDetail === void 0 ? false : _props$hasViewDetail,
      _props$viewDetail = props.viewDetail,
      viewDetail = _props$viewDetail === void 0 ? function () {} : _props$viewDetail;
  return /*#__PURE__*/React.createElement("div", {
    className: "data-vis-border-box6 ".concat(className),
    style: {
      width: width,
      height: height
    }
  }, /*#__PURE__*/React.createElement("div", {
    className: "border-box-main"
  }, titleText && /*#__PURE__*/React.createElement("div", {
    className: "title_warp"
  }, /*#__PURE__*/React.createElement("span", {
    className: "title"
  }, titleText), hasViewDetail && /*#__PURE__*/React.createElement("span", {
    className: "right_detail",
    onClick: function onClick() {
      return viewDetail;
    }
  }, "\u67E5\u770B\u8BE6\u60C5")), children));
};

export default BorderBox6;