import React from "react";
import { Meta } from "@storybook/react";

import serverInfo from "../context/server-info/__tests__/mock.json";
import { ServerInfoContext } from "../context/server-info/ServerInfoProvider";

import {
  DownloadDialog,
  useDownloadDialog,
} from "../components/download-dialog/DownloadDialog";

export default {
  title: "Download Dialog",
  component: DownloadDialog,
} as Meta;

const Test = () => {
  const [toggle, Dialog] = useDownloadDialog({
    id: "58577281-7af7-410c-a085-61ff3040be6d",
  });
  return (
    <ServerInfoContext.Provider value={serverInfo}>
      <button id="show" onClick={toggle}>
        Show
      </button>
      <Dialog />
    </ServerInfoContext.Provider>
  );
};

export const Show = () => <Test />;