import { addClassNameToProps } from '@any-ui/core/utils'
import Paper, { PaperProps } from '@material-ui/core/Paper'
import type { Theme } from '@material-ui/core/styles'
import { makeStyles } from '@material-ui/core/styles'
import React, { FC } from 'react'

const useStyles = makeStyles<Theme>(theme => {
  return {
    root: {
      padding: theme.spacing(2),
    },
  }
})

export const FormPaper: FC<PaperProps> = props => {
  const classes = useStyles()
  return <Paper {...addClassNameToProps(props, 'FormPaper', classes.root)} />
}
