Lamassu admin server initial commit
This commit is contained in:
parent
d083ae5a40
commit
fc1951c4b2
158 changed files with 28462 additions and 1606 deletions
29
new-lamassu-admin/src/components/buttons/ActionButton.js
Normal file
29
new-lamassu-admin/src/components/buttons/ActionButton.js
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
import React, { memo } from 'react'
|
||||
import classnames from 'classnames'
|
||||
import { makeStyles } from '@material-ui/core/styles'
|
||||
|
||||
import styles from './ActionButton.styles'
|
||||
|
||||
const useStyles = makeStyles(styles)
|
||||
|
||||
const ActionButton = memo(({ className, Icon, InverseIcon, color, children, ...props }) => {
|
||||
const classes = useStyles({ color })
|
||||
const classNames = {
|
||||
[classes.actionButton]: true,
|
||||
[classes.primary]: color === 'primary',
|
||||
[classes.secondary]: color === 'secondary'
|
||||
}
|
||||
|
||||
return (
|
||||
<button className={classnames(classNames, className)} {...props}>
|
||||
{Icon && <div className={classes.actionButtonIcon}><Icon /></div>}
|
||||
{InverseIcon &&
|
||||
<div className={classnames(classes.actionButtonIcon, classes.actionButtonIconActive)}>
|
||||
<InverseIcon />
|
||||
</div>}
|
||||
<div>{children}</div>
|
||||
</button>
|
||||
)
|
||||
})
|
||||
|
||||
export default ActionButton
|
||||
Loading…
Add table
Add a link
Reference in a new issue