diff --git a/assets/js/src/common/form/input/input.tsx b/assets/js/src/common/form/input/input.tsx
new file mode 100644
index 0000000000..e59abddd69
--- /dev/null
+++ b/assets/js/src/common/form/input/input.tsx
@@ -0,0 +1,36 @@
+import React from 'react';
+import classnames from 'classnames';
+
+type Props = {
+  size?: 'small',
+  isFullWidth?: boolean,
+  iconStart?: JSX.Element,
+  iconEnd?: JSX.Element,
+  [attribute: string]: any, // any HTML attributes, e.g. type, name, id, placeholder
+};
+
+const Input = ({
+  size,
+  isFullWidth,
+  iconStart,
+  iconEnd,
+  ...attributes
+}: Props) => (
+  <div
+    className={
+      classnames(
+        'mailpoet-form-input',
+        {
+          [`mailpoet-form-input-${size}`]: size,
+          'mailpoet-full-width': isFullWidth,
+        }
+      )
+    }
+  >
+    {iconStart}
+    <input {...attributes} />
+    {iconEnd}
+  </div>
+);
+
+export default Input;