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 with Action" trigger={<Button>Balloon with Action</Button>} align="br" closable={true} linkProps={[ '#111', '点击跳转' ]} buttonProps={'行动按钮'} onButtonClick={() => { console.log('hello, world!'); }}>
            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 with Action" trigger={<Button>Balloon with Action</Button>} align="br" closable={true} linkProps={[ '#111', '点击跳转' ]}>
            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 with Action" trigger={<Button>Balloon with Action</Button>} align="br" closable={true} buttonProps={'行动按钮'} onButtonClick={() => { console.log('hello, world!'); }}>
            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-5'));