from fastapi import FastAPI
from reactpy.backend.fastapi import configure
from reactpy import html,component,web
mui = web.module_from_template(
 # "react@^17.0.0",
 "react",
 # "@material-ui/core@4.12.4",
 # "sweetalert2",
 "@mui/material",
 fallback="waiting for my component .....",
)
ll = web.module_from_template(
 "react",
 "sweetalert2",
 fallback="waiting for my alert .....",
)
Alert = web.export(ll,"Swal")
Button = web.export(mui, "Button")
@component
def ViewButtonEvents():
 def showalert(event):
 Alert.fire({
 'title': 'Error!',
 'text': 'Do you want to continue',
 'icon': 'error',
 'confirmButtonText': 'Cool'
 })
 return html.div(
 Button(
 {
 "color": "primary",
 "variant": "contained",
 "onClick": showalert,
 },
 "Click Me!",
 ),
 )
app = FastAPI()
configure(app,ViewButtonEvents)