From c243612c1a282706e76315406033520b47fbabf4 Mon Sep 17 00:00:00 2001
From: eug-vs <eug-vs@keemail.me>
Date: Sun, 14 Mar 2021 14:43:27 +0300
Subject: feat: add illustrations to HomePage

---
 src/components/Paper.tsx | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

(limited to 'src/components')

diff --git a/src/components/Paper.tsx b/src/components/Paper.tsx
index 0bbd88c..b0e5bc4 100644
--- a/src/components/Paper.tsx
+++ b/src/components/Paper.tsx
@@ -1,8 +1,17 @@
 import React from 'react';
 
-const Paper: React.FC = ({ children }) => {
+interface Props {
+  variant: 'elevation' | 'outlined'
+}
+
+const style = {
+  elevation: 'shadow',
+  outlined: 'border-black border-2',
+};
+
+const Paper: React.FC<Props> = ({ variant = 'elevation', children }) => {
   return (
-    <div className="p-5 m-5 bg-white shadow rounded-md">
+    <div className={`p-5 m-5 bg-white rounded-md ${style[variant]}`}>
       {children}
     </div>
   );
-- 
cgit v1.2.3