pubsweet-component-wax/src/modals/UnlockedModal.js

PubSweet component for the Wax collaborative document editor

import React from 'react'
import styled from 'styled-components'
import InfoModal from 'editoria-common/src/InfoModal'
import { th } from '@pubsweet/ui-toolkit'
const Text = styled.div`
  font-family: 'Fira Sans Condensed';
  text-align: center;
  line-height: ${th('lineHeightBase')};
  width: 100%;
  font-size: ${th('fontSizeBase')};
  color: #404040;
`
const WarningModal = props => {
  const { isOpen, hideModal, data } = props
  const { onConfirm, warning } = data

  return (
    <InfoModal
      shouldCloseOnOverlayClick={false}
      shouldCloseOnEsc={false}
      isOpen={isOpen}
      headerText="Warning"
      onRequestClose={hideModal}
      onConfirm={onConfirm}
    >
      <Text>{`${warning}`}</Text>
    </InfoModal>
  )
}

export default WarningModal