"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Title = void 0;
var _react = _interopRequireDefault(require("react"));
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _utils = require("../../common/utils");
var _ = require("../..");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var H2 = _styledComponents.default.h2.withConfig({
  displayName: "Title__H2",
  componentId: "sc-1ls1ckn-0"
})(["padding-right:", "px;"], function (p) {
  return p.theme.spacing.unit(4);
});
var Title = exports.Title = function Title(_ref) {
  var title = _ref.title,
    uid = _ref.uid;
  return _react.default.createElement("span", {
    id: uid
  }, (0, _utils.isElement)(title) ? title : _react.default.createElement(_.Typography, {
    as: H2,
    type: "title2"
  }, title));
};