Add a component for creating re-engagement email

[MAILPOET-3763]

assets/js/src/newsletters/newsletters.jsx

@@ -13,6 +13,7 @@ import NewsletterCongratulate from 'newsletters/send/congratulate/congratulate.j
 import NewsletterTypeStandard from 'newsletters/types/standard.jsx';
 import NewsletterTypeNotification from 'newsletters/types/notification/notification.jsx';
 import NewsletterTypeWelcome from 'newsletters/types/welcome/welcome.jsx';
+import { NewsletterTypeReEngagement } from 'newsletters/types/re_engagement/re_engagement';
 import AutomaticEmailEventsList from 'newsletters/types/automatic_emails/events_list.jsx';
 import EventsConditions from 'newsletters/automatic_emails/events_conditions.jsx';
 import NewsletterListStandard from 'newsletters/listings/standard.jsx';
@@ -177,6 +178,10 @@ const routes = [
     path: '/new/welcome',
     component: NewsletterTypeWelcome,
   },
+  {
+    path: '/new/re-engagement',
+    component: NewsletterTypeReEngagement,
+  },
   /* Newsletter: type selection */
   {
     path: '/new',

assets/js/src/newsletters/types/re_engagement/re_engagement.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+
+import MailPoet from 'mailpoet';
+import Background from 'common/background/background';
+import { Grid } from 'common/grid';
+import Button from 'common/button/button';
+
+export function NewsletterTypeReEngagement(): JSX.Element {
+  return (
+    <div>
+      <Background color="#fff" />
+
+      <Grid.Column align="center" className="mailpoet-schedule-email">
+        <Button
+          isFullWidth
+          onClick={() => 5}
+          type="button"
+        >
+          {MailPoet.I18n.t('next')}
+        </Button>
+      </Grid.Column>
+    </div>
+  );
+}