You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
26 lines
531 B
26 lines
531 B
import { Button, ButtonProps, styled } from '@mui/material'; |
|
|
|
import { BLACK, GREY, TEXT } from '../../lib/consts/DEFAULT_THEME'; |
|
|
|
const StyledButton = styled(Button)({ |
|
backgroundColor: TEXT, |
|
color: BLACK, |
|
textTransform: 'none', |
|
|
|
'&:hover': { |
|
backgroundColor: GREY, |
|
}, |
|
}); |
|
|
|
const StyledContainedButton = ({ |
|
children, |
|
onClick, |
|
sx, |
|
type, |
|
}: ButtonProps): JSX.Element => ( |
|
<StyledButton {...{ onClick, sx, type }} variant="contained"> |
|
{children} |
|
</StyledButton> |
|
); |
|
|
|
export default StyledContainedButton;
|
|
|