Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 | 1x 4x 1x | // @flow
/* eslint-disable react/jsx-no-bind */
import { Container, Content, Top, Wrapper } from "./styled"
import Button from "components/buttons/Button"
import type { ComponentProps } from "."
import Icon from "components/Icon"
import React from "react"
const Modal = ({ children, isOpen, onClose }: ComponentProps): React$Node => (
<Wrapper $isOpen={isOpen} onClick={onClose} role="presentation">
<Container
aria-modal="true"
onClick={(event) => event.stopPropagation()}
role="dialog"
>
<Top>
<Button
icon={<Icon name="IoClose" size="24px" />}
iconOnly
label="Close Dialog"
onClick={onClose}
transparent
/>
</Top>
<Content>{children}</Content>
</Container>
</Wrapper>
)
export default Modal
|