fixed inputs

src/components/input/InputWrapper/index.tsx

@@ -0,0 +1,26 @@
+import React, { FC } from 'react';
+import styles from './styles.module.scss';
+import classNames from 'classnames';
+
+interface InputWrapperProps {
+  title?: string;
+  error?: string;
+  focused: boolean;
+  notEmpty: boolean;
+}
+
+const InputWrapper: FC<InputWrapperProps> = ({ children, notEmpty, title, focused, error }) => (
+  <div
+    className={classNames(styles.content, {
+      [styles.has_error]: !!error,
+      [styles.focused]: focused,
+      [styles.not_empty]: notEmpty,
+    })}
+  >
+    {!!title && <div className={styles.title}>{title}</div>}
+    {children}
+    {!!error && <div className={styles.error}>{error}</div>}
+  </div>
+);
+
+export { InputWrapper };