import Balloon from '..';
import Button from '../../button';
import React from 'react';
import ReactDOM from 'react-dom';

const Demo = () => (
  <div className="balloon-container">
    <Balloon triggerType="click" title="Balloon Title" trigger={<Button>Balloon with Title</Button>} align="br" >
            First performed around 1600, Hamlet tells the story of a prince whose duty to revenge his father's death entangles him in philosophical problems he can't solve.
    </Balloon>
    <span> &nbsp; &nbsp; &nbsp; </span>
    <Balloon triggerType="click" title="Balloon Title" trigger={<Button>Balloon with Title</Button>} align="br" closable={true}>
            First performed around 1600, Hamlet tells the story of a prince whose duty to revenge his father's death entangles him in philosophical problems he can't solve.
    </Balloon>
  </div>
);

ReactDOM.render(<Demo />, document.getElementById('balloon-demo-4'));