import { Container } from "@ui-mod/ui-mod";

<Container>...</Container>

import { Cover } from "@ui-mod/ui-mod";

<Cover>...</Cover>

import { Modal } from "@ui-mod/ui-mod";

const [modal, setModal] = useState(null);

<Modal state={{ modal, setModal }} />

setModal(<>
    <h3>Modal Title</h3>
    <p>Modal Content</p>
</>);

setModal(null);

import { Toast } from "@ui-mod/ui-mod";

const [toast, setToast] = useState(null);

<Toast state={{ toast, setToast }} />

setToast("This is my toast")