@wix/design-system/dist/cjs/MarketingLayout/components/Title.js

@wix/design-system

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.Title = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _react = _interopRequireDefault(require("react"));
var _Heading = require("../../Heading");
var _MarketingLayoutSt = require("../MarketingLayout.st.css.js");
var _StringUtils = require("../../utils/StringUtils");
var _dataHooks = require("../dataHooks");
var _constants = require("../constants");
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/MarketingLayout/components/Title.jsx",
  _this = void 0;
var sizeToHeadingSize = (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _constants.SIZES.small, _Heading.SIZE.MEDIUM), _constants.SIZES.medium, _Heading.SIZE.LARGE), _constants.SIZES.large, _Heading.SIZE.LARGE);
var Title = exports.Title = function Title(_ref) {
  var children = _ref.children,
    size = _ref.size;
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: _MarketingLayoutSt.classes.title,
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 14,
      columnNumber: 3
    }
  }, (0, _StringUtils.isString)(children) ? size === _constants.SIZES.tiny ? /*#__PURE__*/_react["default"].createElement("div", {
    "data-hook": _dataHooks.MARKETING_LAYOUT_TITLE,
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 17,
      columnNumber: 9
    }
  }, children) : /*#__PURE__*/_react["default"].createElement(_Heading.Heading, {
    dataHook: _dataHooks.MARKETING_LAYOUT_TITLE,
    size: sizeToHeadingSize[size],
    className: _MarketingLayoutSt.classes.titleHeading,
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 19,
      columnNumber: 9
    }
  }, children) : /*#__PURE__*/_react["default"].createElement("div", {
    "data-hook": _dataHooks.MARKETING_LAYOUT_TITLE,
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 28,
      columnNumber: 7
    }
  }, children));
};