{"version":3,"sources":["../src/triple-column/triple-column.tsx"],"sourcesContent":["import { Section } from \"@react-email/section\";\nimport React from \"react\";\nimport { threeColumnCol, threeColumnWrapper } from \"../styles\";\n\ninterface TripleColumnProps {\n  styles?: Omit<\n    React.CSSProperties,\n    \"padding\" | \"paddingLeft\" | \"paddingRight\" | \"paddingTop\" | \"paddingBottom\"\n  >;\n  pX?: number;\n  pY?: number;\n  columnOneContent: React.ReactNode;\n  columnOneStyles?: React.CSSProperties;\n  columnTwoContent: React.ReactNode;\n  columnTwoStyles?: React.CSSProperties;\n  columnThreeContent: React.ReactNode;\n  columnThreeStyles?: React.CSSProperties;\n}\n\nexport const TripleColumn: React.FC<TripleColumnProps> = ({\n  pX = 0,\n  pY = 0,\n  styles,\n  columnOneContent,\n  columnTwoContent,\n  columnThreeContent,\n  columnOneStyles,\n  columnTwoStyles,\n  columnThreeStyles,\n}) => {\n  const colMaxWidth = pX ? (600 - 2 * pX) / 3 : 600 / 3;\n\n  return (\n    <Section\n      style={{\n        ...threeColumnWrapper,\n        ...styles,\n        padding: `${pY}px ${pX}px`,\n      }}\n    >\n      <Section\n        style={{ ...threeColumnCol, ...columnOneStyles, maxWidth: colMaxWidth }}\n      >\n        {columnOneContent}\n      </Section>\n      <Section\n        style={{ ...threeColumnCol, ...columnTwoStyles, maxWidth: colMaxWidth }}\n      >\n        {columnTwoContent}\n      </Section>\n      <Section\n        style={{\n          ...threeColumnCol,\n          ...columnThreeStyles,\n          maxWidth: colMaxWidth,\n        }}\n      >\n        {columnThreeContent}\n      </Section>\n    </Section>\n  );\n};\n"],"mappings":"yFACA,OAAOA,MAAW,QAkBX,IAAMC,EAA4C,CAAC,CACxD,GAAAC,EAAK,EACL,GAAAC,EAAK,EACL,OAAAC,EACA,iBAAAC,EACA,iBAAAC,EACA,mBAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,kBAAAC,CACF,IAAM,CACJ,IAAMC,EAAcT,GAAM,IAAM,EAAIA,GAAM,EAAI,IAE9C,OACEU,EAAA,cAACC,EAAA,CACC,MAAO,CACL,GAAGC,EACH,GAAGV,EACH,QAAS,GAAGD,OAAQD,KACtB,GAEAU,EAAA,cAACC,EAAA,CACC,MAAO,CAAE,GAAGE,EAAgB,GAAGP,EAAiB,SAAUG,CAAY,GAErEN,CACH,EACAO,EAAA,cAACC,EAAA,CACC,MAAO,CAAE,GAAGE,EAAgB,GAAGN,EAAiB,SAAUE,CAAY,GAErEL,CACH,EACAM,EAAA,cAACC,EAAA,CACC,MAAO,CACL,GAAGE,EACH,GAAGL,EACH,SAAUC,CACZ,GAECJ,CACH,CACF,CAEJ","names":["React","TripleColumn","pX","pY","styles","columnOneContent","columnTwoContent","columnThreeContent","columnOneStyles","columnTwoStyles","columnThreeStyles","colMaxWidth","React","Section","threeColumnWrapper","threeColumnCol"]}