How to wrap a simple editorJs plugin around a react component such as material ui Alert?

How to wrap editor js text around a react component such as material ui Alert ?

Something like:

`This is the text entered in editor JS`

```
import Alert from '@material-ui/lab/Alert';
class Alert {
static get toolbox() {
return {
title: 'Image',
icon: 'SomeSVG'
};
}

render(){
return document.createElement('input');
}

save(blockContent){
return {
url: blockContent.value
}
}
}
```