interface ModalOptions {
    attachTo: string | Element;
    props: Record<string, string | undefined>;
}

interface ModalResult<T> {
    reason: ModalReason | string;
    data: T;
}

type AsyncModalResult<T> = Promise<ModalResult<T>>;

function openModal<T>(
    callingInstance: MaybeWithFKUIContext,
    Component: MaybeComponent,
    text: string,
): AsyncModalResult<T>;
function openModal<T>(
    callingInstance: MaybeWithFKUIContext,
    Component: MaybeComponent,
    options?: Partial<ModalOptions>,
): AsyncModalResult<T>;

const result = await openModal(this, MyModalComponent, {
    props: {
        heading: "Modal title",
        content: "Text to display in modal",
    },
});
console.log("Modal closed with result", result);
// Modal closed with result { reason: "close", data: undefined }