@react-email/container
Version:
A layout component that centers all the email content
1 lines • 1.13 kB
Source Map (JSON)
{"version":3,"file":"index.mjs","names":[],"sources":["../src/container.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport type ContainerProps = Readonly<React.ComponentPropsWithoutRef<'table'>>;\n\nexport const Container = React.forwardRef<HTMLTableElement, ContainerProps>(\n ({ children, style, ...props }, ref) => {\n return (\n <table\n align=\"center\"\n width=\"100%\"\n {...props}\n border={0}\n cellPadding=\"0\"\n cellSpacing=\"0\"\n ref={ref}\n role=\"presentation\"\n style={{ maxWidth: '37.5em', ...style }}\n >\n <tbody>\n <tr style={{ width: '100%' }}>\n <td>{children}</td>\n </tr>\n </tbody>\n </table>\n );\n },\n);\n\nContainer.displayName = 'Container';\n"],"mappings":";;;;AAIA,MAAa,YAAY,MAAM,YAC5B,EAAE,UAAU,MAAO,GAAG,SAAS,QAAQ;AACtC,QACE,oBAAC;EACC,OAAM;EACN,OAAM;EACN,GAAI;EACJ,QAAQ;EACR,aAAY;EACZ,aAAY;EACP;EACL,MAAK;EACL,OAAO;GAAE,UAAU;GAAU,GAAG;GAAO;YAEvC,oBAAC,qBACC,oBAAC;GAAG,OAAO,EAAE,OAAO,QAAQ;aAC1B,oBAAC,QAAI,WAAc;IAChB,GACC;GACF;EAGb;AAED,UAAU,cAAc"}