@react-email/container
Version:
A layout component that centers all the email content
53 lines (50 loc) • 1.81 kB
JavaScript
//#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;