Newer
Older
// Copyright 2015-2018 Parity Technologies (UK) Ltd.
// This file is part of Parity.
//
// SPDX-License-Identifier: BSD-3-Clause
import React from 'react';
import PropTypes from 'prop-types';
import { Image as SUIImage, Modal as SUIModal } from 'semantic-ui-react';
children,
description,
fullscreen,
title,
visible
}) => (
<div className='alert-wrapper'>
<SUIModal
className={`alert-screen-wrapper ${fullscreen ? '-full-screen' : ''}`}
<div className={`alert-screen ${fullscreen ? '-full-screen' : ''}`}>
<SUIModal.Content image className='alert-screen-content'>
{icon && (
<SUIImage
alt='loading'
size='medium'
src={icon}
<SUIModal.Description className='alert-screen_text'>
</SUIModal.Content>
</div>
</SUIModal>
</div>
);
Modal.propTypes = {
children: PropTypes.node,
description: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
fullscreen: PropTypes.bool,
title: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
visible: PropTypes.bool
};