import _extends from "@babel/runtime/helpers/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
var _excluded = ["title", "color", "tipColor"];
import React from 'react';
import "./title-2.scss";
var Title2 = function Title2(_ref) {
  var _ref$title = _ref.title,
    title = _ref$title === void 0 ? '标题标题' : _ref$title,
    _ref$color = _ref.color,
    color = _ref$color === void 0 ? '#144477' : _ref$color,
    _ref$tipColor = _ref.tipColor,
    tipColor = _ref$tipColor === void 0 ? '#388AF7' : _ref$tipColor,
    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
  var _otherProps = otherProps || {};
  var colorStyle = color ? {
    color: color
  } : {};
  var tipColorStyle = tipColor ? {
    'backgroundColor': tipColor
  } : {};
  return /*#__PURE__*/React.createElement("div", _extends({
    className: "custom-title-2"
  }, _otherProps), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
    className: "tips",
    style: tipColorStyle
  }), /*#__PURE__*/React.createElement("span", {
    style: colorStyle
  }, title)));
};
Title2.displayName = 'Title2';
export default Title2;