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

wix-style-react

"use strict";

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

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

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

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

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

var _Description = _interopRequireDefault(require("./Description"));

var _Title = _interopRequireDefault(require("./Title"));

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

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

var _Text = require("../../Text");

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

var _titleAppearanceBySiz, _descriptionSizeBySiz;

var titleAppearanceBySize = (_titleAppearanceBySiz = {}, (0, _defineProperty2["default"])(_titleAppearanceBySiz, _constants.SIZES.tiny, _constants.SIZES.tiny), (0, _defineProperty2["default"])(_titleAppearanceBySiz, _constants.SIZES.small, _Heading.APPEARANCES.H3), (0, _defineProperty2["default"])(_titleAppearanceBySiz, _constants.SIZES.medium, _Heading.APPEARANCES.H2), (0, _defineProperty2["default"])(_titleAppearanceBySiz, _constants.SIZES.large, _Heading.APPEARANCES.H2), _titleAppearanceBySiz);
var descriptionSizeBySize = (_descriptionSizeBySiz = {}, (0, _defineProperty2["default"])(_descriptionSizeBySiz, _constants.SIZES.tiny, _Text.SIZES.small), (0, _defineProperty2["default"])(_descriptionSizeBySiz, _constants.SIZES.small, _Text.SIZES.small), (0, _defineProperty2["default"])(_descriptionSizeBySiz, _constants.SIZES.medium, _Text.SIZES.medium), (0, _defineProperty2["default"])(_descriptionSizeBySiz, _constants.SIZES.large, _Text.SIZES.medium), _descriptionSizeBySiz);

var Content = function Content(_ref) {
  var size = _ref.size,
      actions = _ref.actions,
      title = _ref.title,
      description = _ref.description;
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: _MarketingLayoutSt.classes.contentContainer
  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Title["default"], {
    appearance: titleAppearanceBySize[size]
  }, title), /*#__PURE__*/_react["default"].createElement(_Description["default"], {
    size: descriptionSizeBySize[size]
  }, description)), actions);
};

Content.propTypes = {
  size: _propTypes["default"].string,
  actions: _propTypes["default"].node,
  title: _propTypes["default"].node,
  description: _propTypes["default"].node
};
var _default = Content;
exports["default"] = _default;