UNPKG

@react-email/container

Version:

A layout component that centers all the email content

53 lines (50 loc) 1.81 kB
//#region rolldown:runtime var __create = Object.create; var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __getProtoOf = Object.getPrototypeOf; var __hasOwnProp = Object.prototype.hasOwnProperty; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) { key = keys[i]; if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: ((k) => from[k]).bind(null, key), enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod)); //#endregion let react = require("react"); react = __toESM(react); let react_jsx_runtime = require("react/jsx-runtime"); react_jsx_runtime = __toESM(react_jsx_runtime); //#region src/container.tsx const Container = react.forwardRef(({ children, style,...props }, ref) => { return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("table", { align: "center", width: "100%", ...props, border: 0, cellPadding: "0", cellSpacing: "0", ref, role: "presentation", style: { maxWidth: "37.5em", ...style }, children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", { style: { width: "100%" }, children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { children }) }) }) }); }); Container.displayName = "Container"; //#endregion exports.Container = Container;