You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
37 lines
776 B
37 lines
776 B
import React from 'react'
|
|
import PropTypes from 'prop-types'
|
|
|
|
import { Box, Flex } from 'rebass'
|
|
|
|
import BackgroundDark from 'components/UI/BackgroundDark'
|
|
import X from 'components/Icon/X'
|
|
|
|
/**
|
|
* @render react
|
|
* @name Modal
|
|
* @example
|
|
* <Modal>Some content</Modal>
|
|
*/
|
|
class Modal extends React.PureComponent {
|
|
static displayName = 'Modal'
|
|
|
|
static propTypes = {
|
|
children: PropTypes.node
|
|
}
|
|
|
|
render() {
|
|
const { children } = this.props
|
|
return (
|
|
<Box css={{ height: '100vh' }}>
|
|
<BackgroundDark p={2} css={{ height: '100%' }}>
|
|
<Flex justifyContent="flex-end">
|
|
<X width="2em" height="2em" />
|
|
</Flex>
|
|
<Box m={3}>{children}</Box>
|
|
</BackgroundDark>
|
|
</Box>
|
|
)
|
|
}
|
|
}
|
|
|
|
export default Modal
|
|
|