import React from "react";
import { useGlobal } from "reactn";

import { musiclandShareUrl } from "../../data";
import ShareQrModal from "./ShareQrModal";

const ShareQrModalContainer = () => {
  const [shareQrModal, setShareQrModal] = useGlobal("shareQrModal");

  const { visible, url, title } = shareQrModal || {};

  const handleClose = () => {
    setShareQrModal({
      visible: false,
      url: null,
      title: "",
    });
  };

  return (
    <ShareQrModal
      visible={!!visible}
      url={url || musiclandShareUrl}
      title={title || "Scannez le QR-code"}
      onClose={handleClose}
    />
  );
};

export default ShareQrModalContainer;