score:0

 <Alert onClose={handleMessageClose} 
 severity={messageType == "success" ? "success" : messageType == "error" ? "error" : messageType == "info" ? "info" : "warning"} 
 sx={{ width: '100%' }}>
 {message}
</Alert>

score:4

<StatusButton title={`${blog.status.isPublished ? 'Online' : 'Offline'}`} color={blog.status.isPublished ? 'success' : 'warning'}/>

Related Query

More Query from same tag