mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
29 lines
617 B
TypeScript
29 lines
617 B
TypeScript
import React from 'react';
|
|
import classnames from 'classnames';
|
|
|
|
import {
|
|
BackgroundColor,
|
|
BLOCK_SIZES,
|
|
} from '../../../helpers/constants/design-system';
|
|
|
|
import Box from '../../ui/box/box';
|
|
|
|
import { ModalOverlayProps } from './modal-overlay.types';
|
|
|
|
export const ModalOverlay: React.FC<ModalOverlayProps> = ({
|
|
onClick,
|
|
className = '',
|
|
...props
|
|
}) => (
|
|
<Box
|
|
className={classnames('mm-modal-overlay', className)}
|
|
backgroundColor={BackgroundColor.overlayDefault}
|
|
width={BLOCK_SIZES.FULL}
|
|
height={BLOCK_SIZES.FULL}
|
|
onClick={onClick}
|
|
{...props}
|
|
/>
|
|
);
|
|
|
|
export default ModalOverlay;
|