wix-style-react/dist/src/MarketingLayout/components/Title.js

wix-style-react

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _Heading = _interopRequireDefault(require("../../Heading"));

var _MarketingLayoutSt = require("../MarketingLayout.st.css");

var _StringUtils = require("../../utils/StringUtils");

var _dataHooks = require("../dataHooks");

var _constants = require("../constants");

var _propTypes = _interopRequireDefault(require("prop-types"));

var Title = function Title(_ref) {
  var children = _ref.children,
      appearance = _ref.appearance;
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: _MarketingLayoutSt.classes.title
  }, (0, _StringUtils.isString)(children) ? appearance === _constants.SIZES.tiny ? /*#__PURE__*/_react["default"].createElement("div", {
    "data-hook": _dataHooks.MARKETING_LAYOUT_TITLE
  }, children) : /*#__PURE__*/_react["default"].createElement(_Heading["default"], {
    dataHook: _dataHooks.MARKETING_LAYOUT_TITLE,
    appearance: appearance
  }, children) : /*#__PURE__*/_react["default"].createElement("div", {
    "data-hook": _dataHooks.MARKETING_LAYOUT_TITLE
  }, children));
};

Title.propTypes = {
  children: _propTypes["default"].node,
  appearance: _propTypes["default"].string
};
var _default = Title;
exports["default"] = _default;