31 lines
776 B
JavaScript
31 lines
776 B
JavaScript
import { makeStyles } from '@mui/material/styles'
|
|
import classnames from 'classnames'
|
|
import React, { memo } from 'react'
|
|
|
|
import styles from './Link.styles'
|
|
|
|
const useStyles = makeStyles(styles)
|
|
|
|
const Link = memo(
|
|
({ submit, className, children, color = 'primary', ...props }) => {
|
|
const classes = useStyles()
|
|
const classNames = {
|
|
[classes.link]: true,
|
|
[classes.primary]: color === 'primary',
|
|
[classes.secondary]: color === 'secondary',
|
|
[classes.noColor]: color === 'noColor',
|
|
[classes.action]: color === 'action'
|
|
}
|
|
|
|
return (
|
|
<button
|
|
type={submit ? 'submit' : 'button'}
|
|
className={classnames(classNames, className)}
|
|
{...props}>
|
|
{children}
|
|
</button>
|
|
)
|
|
}
|
|
)
|
|
|
|
export default Link
|