47 lines
1.1 KiB
TypeScript
47 lines
1.1 KiB
TypeScript
import Done from '@mui/icons-material/Done';
|
|
import {
|
|
Button,
|
|
ButtonProps,
|
|
CircularProgress,
|
|
PaletteColor,
|
|
} from '@mui/material';
|
|
|
|
interface Iprops extends ButtonProps {
|
|
loading?: boolean;
|
|
success?: boolean;
|
|
}
|
|
|
|
export default function EnteButton({
|
|
children,
|
|
loading,
|
|
success,
|
|
disabled,
|
|
sx,
|
|
...props
|
|
}: Iprops) {
|
|
return (
|
|
<Button
|
|
disabled={disabled}
|
|
sx={{
|
|
...sx,
|
|
...((loading || success) && {
|
|
'&.Mui-disabled': (theme) => ({
|
|
backgroundColor: (
|
|
theme.palette[props.color] as PaletteColor
|
|
).main,
|
|
color: (theme.palette[props.color] as PaletteColor)
|
|
.contrastText,
|
|
}),
|
|
}),
|
|
}}
|
|
{...props}>
|
|
{loading ? (
|
|
<CircularProgress size={20} sx={{ color: 'inherit' }} />
|
|
) : success ? (
|
|
<Done sx={{ fontSize: 20 }} />
|
|
) : (
|
|
children
|
|
)}
|
|
</Button>
|
|
);
|
|
}
|