react-inky/lib/components/Container.js

React components for Inky

"use strict";

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

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

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

var _getAttrs = _interopRequireDefault(require("../util/getAttrs"));

var _containerContext = _interopRequireDefault(require("../util/containerContext"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

/**
 * Top-level container for an email. Use this as the root of your email template.
 *
 * @param {Object} props - Component props.
 * @returns {Object} Container HTML.
 *
 * @example
 * <Container>
 *   Lorem ipsum dolor sit amet.
 * </Container>
 */
const Container = props => _react.default.createElement(_containerContext.default.Provider, {
  value: {
    columnCount: props.columnCount,
    strictMode: props.strictMode
  }
}, _react.default.createElement("table", _extends({
  align: "center"
}, (0, _getAttrs.default)(props, ['columnCount', 'strictMode', 'children'], 'container')), _react.default.createElement("tbody", null, _react.default.createElement("tr", null, _react.default.createElement("td", null, props.children)))));
/**
 * Prop types for `<Container />`.
 * @type Object
 * @prop {*} [children] - Child elements.
 * @prop {Number} [columnCount=12] - Global column count.
 * @prop {Boolean} [strictMode] - Match original Inky output exactly.
 */


Container.propTypes = {
  children: _propTypes.default.node,
  columnCount: _propTypes.default.number,
  strictMode: _propTypes.default.bool
};
/**
 * Default props for `<Container />`.
 * @type Object
 */

Container.defaultProps = {
  children: null,
  columnCount: 12,
  strictMode: true
};
var _default = Container;
exports.default = _default;