import React from 'react' import { ContextRoot } from '../js/shared/context/root-context' import { setupContext } from './fixtures/context' import importOverleafModules from '../macros/import-overleaf-module.macro' import useFetchMock from './hooks/use-fetch-mock' const [ { import: { default: GitBridgeModal }, }, ] = importOverleafModules('gitBridge') setupContext() export const GitBridgeUrlModal = args => GitBridgeUrlModal.args = { type: 'show_url', } export const CollaboratorModal = args => CollaboratorModal.args = { type: 'collaborator', } export const TeaserModal = args => { useFetchMock(fetchMock => fetchMock.post('express:/event/:key', 202)) return } TeaserModal.args = { type: 'teaser', } export default { title: 'Modals / Git Bridge', component: GitBridgeModal, args: { show: true, }, argTypes: { handleHide: { action: 'handleHide' }, }, decorators: [ Story => ( <> ), ], }