metadata-based-explorer1/es/components/hotkeys/HotkeyFriendlyModal.js.flow

Box UI Elements

// @flow
import * as React from 'react';

import HotkeyLayer from './HotkeyLayer';
import { Modal } from '../modal';

type Props = {
    children: React.Node,
    isOpen?: boolean,
};

const HotkeyFriendlyModal = ({ isOpen, ...rest }: Props) => {
    if (!isOpen) {
        return null;
    }

    return (
        <HotkeyLayer>
            <Modal isOpen {...rest} />
        </HotkeyLayer>
    );
};

export default HotkeyFriendlyModal;