src/components/Paper.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

import React from 'react';

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 rounded-md ${style[variant]}`}>
      {children}
    </div>
  );
};

export default Paper;