import React from 'react';

interface Props {
  variant?: 'elevation' | 'outlined';
  className?: string;
}

const style = {
  elevation: '',
  outlined: 'bg-gray-50 border border-gray-300',
};

const Paper: React.FC<Props> = ({ variant = 'elevation', className, children }) => {
  return (
    <div className={`p-4 lg:p-5 bg-white rounded-md shadow ${style[variant]} ${className}`}>
      {children}
    </div>
  );
};

export default Paper;