31 lines
672 B
JavaScript
31 lines
672 B
JavaScript
import { makeStyles } from '@mui/material/styles'
|
|
import classnames from 'classnames'
|
|
import React, { memo } from 'react'
|
|
|
|
import styles from './Button.styles'
|
|
|
|
const useStyles = makeStyles(styles)
|
|
|
|
const ActionButton = memo(
|
|
({
|
|
size = 'lg',
|
|
children,
|
|
className,
|
|
buttonClassName,
|
|
backgroundColor,
|
|
...props
|
|
}) => {
|
|
const classes = useStyles({ size, backgroundColor })
|
|
return (
|
|
<div className={classnames(className, classes.wrapper)}>
|
|
<button
|
|
className={classnames(buttonClassName, classes.button)}
|
|
{...props}>
|
|
{children}
|
|
</button>
|
|
</div>
|
|
)
|
|
}
|
|
)
|
|
|
|
export default ActionButton
|