From 8e7955bc7ef8a395a052ff324d673590b734602f Mon Sep 17 00:00:00 2001
From: "a.bouhuolia" <a.bouhuolia@live.com>
Date: Sat, 19 Mar 2022 23:08:41 +0200
Subject: [PATCH] feat(Paper): add `Paper` icon.

---
 src/components/Paper/Paper.js | 12 ++++++++++++
 src/components/index.js       |  1 +
 2 files changed, 13 insertions(+)
 create mode 100644 src/components/Paper/Paper.js

diff --git a/src/components/Paper/Paper.js b/src/components/Paper/Paper.js
new file mode 100644
index 000000000..c84c17aab
--- /dev/null
+++ b/src/components/Paper/Paper.js
@@ -0,0 +1,12 @@
+import React from 'react';
+import styled from 'styled-components';
+
+export function Paper({ children, className }) {
+  return <PaperRoot className={className}>{children}</PaperRoot>;
+}
+
+const PaperRoot = styled.div`
+  border: 1px solid #d2dce2;
+  background: #fff;
+  padding: 10px;
+`;
diff --git a/src/components/index.js b/src/components/index.js
index 642e27e4c..16e1003b6 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -103,6 +103,7 @@ export * from './Branches';
 export * from './Warehouses';
 export * from './Currencies';
 export * from './FormTopbar'
+export * from './Paper';
 
 const Hint = FieldHint;