import './demo8.css';
import Overlay from '..';
import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from '../..';

const { Popup } = Overlay;

ReactDOM.render(
  <div className="scroll-container">
    <Popup trigger={<Button>Open</Button>}
      triggerType="click"
      container={trigger => trigger.parentNode}>
      <div className="overlay-demo">
                Hello World From Popup!
      </div>
    </Popup>
    <div style={{ height: '300px' }} />
  </div>
  , document.getElementById('overlay-demo-8'));