import React, { ReactNode } from 'react' import { useSetRecoilState } from 'recoil' import { shortcutsState } from '../../store/Atoms' import Modal from '../shared/Modal' interface Shortcut { children: ReactNode content: string } function ShortCut(props: Shortcut) { const { children, content } = props return (
{content}
{children}
) } export default function ShortcutsModal() { const setShortcutState = useSetRecoilState(shortcutsState) const shortcutStateHandler = () => { setShortcutState(prevShortcutState => !prevShortcutState) } return (

Hold Cmd/Ctrl

Cmd/Ctrl + Z

Space & Drag

Hold Tab

Esc

Esc

[

]

Shift + D

H

) }