Using Styled-Components

The Component support styling using Styled-component:

import React from 'react';import Popup from 'reactjs-popup';import styled from 'styled-components';
const StyledPopup = styled(Popup)`  // use your custom style for ".popup-overlay"  &-overlay {    ...;  }  // use your custom style for ".popup-content"  &-content {    ...;  }`;
const Modal = () => (  <StyledPopup    trigger={<button className="button"> Open Modal </button>}    modal    closeOnDocumentClick  >    <span> Modal content </span>  </StyledPopup>);