📝 Add v2.23 newsletter

packages/transactional/templates/marketing/V2dot22Update.tsx

@@ -14,6 +14,17 @@ import {
 } from '@react-email/components'
 import * as React from 'react'
 import { env } from '@typebot.io/env'
+import {
+  main,
+  container,
+  text,
+  link,
+  featureSection,
+  heading,
+  image,
+  hr,
+  footer,
+} from './styles'
 
 type Props = {
   firstName?: string
@@ -187,62 +198,3 @@ V2dot22Update.PreviewProps = {
 }
 
 export default V2dot22Update
-
-const main = {
-  backgroundColor: '#ffffff',
-}
-
-const image = {
-  maxWidth: '100%',
-  borderRadius: '8px',
-}
-
-const container = {
-  paddingLeft: '12px',
-  paddingRight: '12px',
-  margin: '0 auto',
-}
-
-const link = {
-  color: '#2754C5',
-  fontFamily:
-    "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
-  fontSize: '15px',
-  textDecoration: 'underline',
-}
-
-const text = {
-  color: '#333',
-  fontFamily:
-    "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
-  fontSize: '15px',
-  marginBottom: '24px',
-}
-
-const footer = {
-  color: '#898989',
-  fontFamily:
-    "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
-  fontSize: '14px',
-  lineHeight: '22px',
-  marginTop: '12px',
-  marginBottom: '24px',
-}
-
-const heading = {
-  color: '#333',
-  fontFamily:
-    "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
-  fontSize: '18.5px',
-  fontWeight: 'bold',
-  margin: '32px 0 14px 0',
-  padding: '0',
-}
-
-const featureSection = {
-  marginBottom: '32px',
-}
-
-const hr = {
-  margin: '60px 0',
-}