From b313c7490192eeeece3762b4d870fb8b7f5e642c Mon Sep 17 00:00:00 2001
From: Jan Jakes <jan.jakes@automattic.com>
Date: Thu, 7 Jul 2022 12:28:20 +0200
Subject: [PATCH] Add email settings to step sidebar

[MAILPOET-4420]
---
 .../mailpoet/steps/send_email/edit.tsx        | 41 ++++++++++++++++++-
 1 file changed, 39 insertions(+), 2 deletions(-)

diff --git a/mailpoet/assets/js/src/automation/integrations/mailpoet/steps/send_email/edit.tsx b/mailpoet/assets/js/src/automation/integrations/mailpoet/steps/send_email/edit.tsx
index 6be2735663..32185f58d4 100644
--- a/mailpoet/assets/js/src/automation/integrations/mailpoet/steps/send_email/edit.tsx
+++ b/mailpoet/assets/js/src/automation/integrations/mailpoet/steps/send_email/edit.tsx
@@ -1,5 +1,42 @@
-import { PanelBody } from '@wordpress/components';
+import { PanelBody, TextareaControl, TextControl } from '@wordpress/components';
+import { edit, Icon } from '@wordpress/icons';
+import {
+  PlainBodyTitle,
+  TitleActionButton,
+} from '../../../../editor/components/panel';
 
 export function Edit(): JSX.Element {
-  return <PanelBody opened>TODO</PanelBody>;
+  return (
+    <PanelBody opened>
+      <PlainBodyTitle title="Email">
+        <TitleActionButton>
+          <Icon icon={edit} size={16} />
+        </TitleActionButton>
+      </PlainBodyTitle>
+      <TextControl
+        label="“From” name"
+        placeholder="John Doe"
+        value=""
+        onChange={() => {}}
+      />
+      <TextControl
+        label="“From” email address"
+        placeholder="you@domain.com"
+        value=""
+        onChange={() => {}}
+      />
+      <TextareaControl
+        label="Subject"
+        placeholder="Type in subject…"
+        value=""
+        onChange={() => {}}
+      />
+      <TextareaControl
+        label="Preheader"
+        placeholder="Type in preheader…"
+        value=""
+        onChange={() => {}}
+      />
+    </PanelBody>
+  );
 }