overleaf/services/web/frontend/stories/hotkeys-modal.stories.js

import React from 'react'

import HotkeysModal from '../js/features/hotkeys-modal/components/hotkeys-modal'

export const ReviewEnabled = args => {
  return <HotkeysModal {...args} />
}

export const ReviewDisabled = args => {
  return <HotkeysModal {...args} trackChangesVisible={false} />
}

export const MacModifier = args => {
  return <HotkeysModal {...args} isMac />
}

export default {
  title: 'Modals / Hotkeys',
  component: HotkeysModal,
  args: {
    animation: false,
    show: true,
    isMac: false,
    trackChangesVisible: true,
  },
  argTypes: {
    handleHide: { action: 'handleHide' },
  },
}