import './demo6.css';
import Overlay from '..';
import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from '../..';
const { Popup } = Overlay;

ReactDOM.render(
  <Popup trigger={<Button>Open first overlay</Button>}
    triggerType="click">
    <div className="overlay-demo">
      <Popup trigger={<Button>Open second overlay</Button>}
        triggerType="click"
        container={trigger => trigger.parentNode}>
        <div className="overlay-demo">
          <p>Hello World From Second Overlay!</p>
        </div>
      </Popup>
      <p>Hello World From First Overlay!</p>
    </div>
  </Popup>
  , document.getElementById('overlay-demo-6'));