From ff1cdc59e928560cf3b7625b2edc09e8d08e70d1 Mon Sep 17 00:00:00 2001
From: Vladimir Volek <vladimir.volek@satoshilabs.com>
Date: Wed, 26 Sep 2018 16:29:40 +0200
Subject: [PATCH] Added wallet container

---
 src/components/WalletViewContainer/index.js   | 54 +++++++++++++++++++
 .../components/Divider/index.js               |  3 +-
 2 files changed, 56 insertions(+), 1 deletion(-)
 create mode 100644 src/components/WalletViewContainer/index.js

diff --git a/src/components/WalletViewContainer/index.js b/src/components/WalletViewContainer/index.js
new file mode 100644
index 00000000..a9f47e61
--- /dev/null
+++ b/src/components/WalletViewContainer/index.js
@@ -0,0 +1,54 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import styled from 'styled-components';
+import colors from 'config/colors';
+import { FONT_SIZE, FONT_WEIGHT, FONT_FAMILY } from 'config/variables';
+
+const Wrapper = styled.div`
+   padding:
+`;
+
+const Textarea = ({
+    className,
+    placeholder = '',
+    value,
+    customStyle = {},
+    onFocus,
+    onBlur,
+    isDisabled,
+    onChange,
+    isError,
+    topLabel,
+}) => (
+    <Wrapper>
+        {topLabel && (
+            <TopLabel>{topLabel}</TopLabel>
+        )}
+        <StyledTextarea
+            className={className}
+            disabled={isDisabled}
+            style={customStyle}
+            onFocus={onFocus}
+            onBlur={onBlur}
+            value={value}
+            placeholder={placeholder}
+            onChange={onChange}
+            isError={isError}
+        />
+    </Wrapper>
+);
+
+Textarea.propTypes = {
+    className: PropTypes.string,
+    isError: PropTypes.bool,
+    onFocus: PropTypes.func,
+    onBlur: PropTypes.func,
+    onChange: PropTypes.func,
+    customStyle: PropTypes.string,
+    placeholder: PropTypes.string,
+    value: PropTypes.string,
+    isDisabled: PropTypes.bool,
+    topLabel: PropTypes.node,
+};
+
+export default Textarea;
diff --git a/src/views/Wallet/components/LeftNavigation/components/Divider/index.js b/src/views/Wallet/components/LeftNavigation/components/Divider/index.js
index 185a6594..1d05a5ae 100644
--- a/src/views/Wallet/components/LeftNavigation/components/Divider/index.js
+++ b/src/views/Wallet/components/LeftNavigation/components/Divider/index.js
@@ -13,7 +13,8 @@ const Wrapper = styled.div`
     color: ${colors.TEXT_SECONDARY};
     background: ${colors.LANDING};
     ${props => props.hasBorder && css`
-        border: 1px solid ${colors.BODY};
+        border-top: 1px solid ${colors.BODY};
+        border-bottom: 1px solid ${colors.BODY};
     `}
 `;