Add Select component

[MAILPOET-2772]

assets/js/src/common/form/select/select.tsx

@@ -0,0 +1,38 @@
+import React from 'react';
+import classnames from 'classnames';
+
+type Props = {
+  children?: React.ReactNode,
+  size?: 'small',
+  isFullWidth?: boolean,
+  iconStart?: JSX.Element,
+  [attribute: string]: any, // any HTML attributes, e.g. name, id
+};
+
+const Select = ({
+  children,
+  size,
+  isFullWidth,
+  iconStart,
+  ...attributes
+}: Props) => (
+  <div
+    className={
+      classnames(
+        'mailpoet-form-input',
+        'mailpoet-form-select',
+        {
+          [`mailpoet-form-input-${size}`]: size,
+          'mailpoet-full-width': isFullWidth,
+        }
+      )
+    }
+  >
+    {iconStart}
+    <select {...attributes}>
+      {children}
+    </select>
+  </div>
+);
+
+export default Select;