"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports["default"] = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
var _react = _interopRequireDefault(require("react"));
require("./title-2.scss");
var _excluded = ["title", "color", "tipColor"];
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 = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
  var _otherProps = otherProps || {};
  var colorStyle = color ? {
    color: color
  } : {};
  var tipColorStyle = tipColor ? {
    'backgroundColor': tipColor
  } : {};
  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
    className: "custom-title-2"
  }, _otherProps), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
    className: "tips",
    style: tipColorStyle
  }), /*#__PURE__*/_react["default"].createElement("span", {
    style: colorStyle
  }, title)));
};
Title2.displayName = 'Title2';
var _default = exports["default"] = Title2;