class ModalState(rx.State):
    show: bool = False

    def change(self):
        self.show = not (self.show)


def modal_example():
    return rx.chakra.vstack(
        rx.chakra.button(
            "Confirm", on_click=ModalState.change
        ),
        rx.chakra.modal(
            rx.chakra.modal_overlay(
                rx.chakra.modal_content(
                    rx.chakra.modal_header("Confirm"),
                    rx.chakra.modal_body(
                        "Do you want to confirm example?"
                    ),
                    rx.chakra.modal_footer(
                        rx.chakra.button(
                            "Close",
                            on_click=ModalState.change,
                        )
                    ),
                )
            ),
            is_open=ModalState.show,
        ),
    )