summaryrefslogtreecommitdiff
path: root/src/components/Paper.tsx
diff options
context:
space:
mode:
authoreug-vs <eug-vs@keemail.me>2021-03-18 12:16:57 +0300
committereug-vs <eug-vs@keemail.me>2021-03-18 12:49:34 +0300
commitd2988b99143aabec88467212cfca5891bf6f6bd3 (patch)
tree7582b24dadd7092c4f52afb8f1d93910e715560e /src/components/Paper.tsx
parent080d245283c2c91d890fa2c4d8c5ec4b1514fa7c (diff)
downloadcommercel-ui-d2988b99143aabec88467212cfca5891bf6f6bd3.tar.gz
feat: remove default margin from Paper
Diffstat (limited to 'src/components/Paper.tsx')
-rw-r--r--src/components/Paper.tsx5
1 files changed, 3 insertions, 2 deletions
diff --git a/src/components/Paper.tsx b/src/components/Paper.tsx
index 5e2604f..f285dab 100644
--- a/src/components/Paper.tsx
+++ b/src/components/Paper.tsx
@@ -2,6 +2,7 @@ import React from 'react';
interface Props {
variant?: 'elevation' | 'outlined';
+ className?: string;
}
const style = {
@@ -9,9 +10,9 @@ const style = {
outlined: 'bg-gray-50 border border-gray-300',
};
-const Paper: React.FC<Props> = ({ variant = 'elevation', children }) => {
+const Paper: React.FC<Props> = ({ variant = 'elevation', className, children }) => {
return (
- <div className={`p-5 m-5 bg-white rounded-md shadow ${style[variant]}`}>
+ <div className={`p-5 bg-white rounded-md shadow ${style[variant]} ${className}`}>
{children}
</div>
);