20 lines
660 B
JavaScript
20 lines
660 B
JavaScript
import { styled } from '@mui/material/styles'
|
|
import { Button } from '@mui/material'
|
|
import MuiToggleButton from '@mui/material/ToggleButton'
|
|
|
|
export const StyledButton = styled(Button)(({ theme, color = 'primary' }) => ({
|
|
color: 'white',
|
|
backgroundColor: theme.palette[color].main,
|
|
'&:hover': {
|
|
backgroundColor: theme.palette[color].main,
|
|
backgroundImage: `linear-gradient(rgb(0 0 0/10%) 0 0)`
|
|
}
|
|
}))
|
|
|
|
export const StyledToggleButton = styled(MuiToggleButton)(({ theme, color = 'primary' }) => ({
|
|
'&.Mui-selected, &.Mui-selected:hover': {
|
|
color: 'white',
|
|
backgroundColor: theme.palette[color].main
|
|
}
|
|
}))
|