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

ReactDOM.render(
  <div>
    <Popup trigger={<Button>click</Button>} triggerType="click">
      <span className="overlay-demo">
        Click to open Popup!
      </span>
    </Popup>
    <Popup trigger={<Button>hover</Button>} triggerType="hover">
      <span className="overlay-demo">
        Hover to open Popup!
      </span>
    </Popup>
    <Popup trigger={<Button>focus</Button>} triggerType="focus">
      <span className="overlay-demo">
        Focus to open Popup!
      </span>
    </Popup>
  </div>
  , document.getElementById('overlay-demo-4'));