import { useModalContext } from "../../store";
import { IpConfirm, ConnectionError, AddDevice, RightsConfirm } from "./modalContainers";
import { ModalMap } from "./windowsType";
import Loader from "../UI/loader";
import { ModalWindow } from "./style";
import {NoteDevice} from "./modalContainers/NoteDevice";

type Props = {
    isOpen: boolean,
    type: string
    data: any;
}

export default function WindowComponent({ isOpen, type, data }: Props) {

    const { closeModal, closeLoader } = useModalContext()

    return (
        <>
            {isOpen &&
                <ModalWindow>
                    {type == ModalMap['1'] && data &&
                        <IpConfirm
                            ipData={data}
                            onClose={closeModal}
                            smoothClose={closeLoader}
                        />
                    }

                    {type == ModalMap['2'] &&
                        <Loader loaderText={data} />
                    }

                    {type === ModalMap['3'] &&
                        <ConnectionError
                            message={data.message}
                        />
                    }
                    {type === ModalMap['6'] && (
                        <NoteDevice
                            mac={data.mac}
                            currentNote={data.currentNote}
                            onClose={closeLoader}
                        />
                    )}

                    {type === ModalMap['4'] && (
                        <AddDevice onSave={data?.onSave} onClose={closeLoader} />
                    )}

                    {type === ModalMap['5'] && (
                        <RightsConfirm onClose={closeLoader} />
                    )}
                </ModalWindow >
            }
        </>
    )
}