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

ReactDOM.render(
  <div>
    <Popup trigger={<Button>Open</Button>} triggerType="click">
      <span className="overlay-demo">Hello World From Popup!</span>
    </Popup>
    <br />
    <br />
    <Popup
      trigger={<Input placeholder="Use Down Arrow to open" />}
      triggerType="click"
      triggerClickKeycode={40}
    >
      <span className="overlay-demo">Hello World From Popup!</span>
    </Popup>
  </div>,
  document.getElementById('overlay-demo-3'),
);