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

ReactDOM.render(
  <div id="containerId" className="overlay-container">
    <Overlay target="containerId" visible align="br tl"><Button>br tl</Button></Overlay>
    <Overlay target="containerId" visible align="tc tc"><Button>tc tc</Button></Overlay>
    <Overlay target="containerId" visible align="bl tr"><Button>bl tr</Button></Overlay>
    <Overlay target="containerId" visible align="cr cr"><Button>cr cr</Button></Overlay>
    <Overlay target="containerId" visible align="br br"><Button>br br</Button></Overlay>
    <Overlay target="containerId" visible align="tc bc"><Button>tc bc</Button></Overlay>
    <Overlay target="containerId" visible align="bl bl"><Button>bl bl</Button></Overlay>
    <Overlay target="containerId" visible align="cl cl"><Button>cl cl</Button></Overlay>
    <Overlay target="containerId" visible align="cc cc"><Button>cc cc</Button></Overlay>
  </div>
  , document.getElementById('overlay-demo-7'));