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;
