1 files changed, 11 insertions, 2 deletions
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>
   );