import Balloon from '..';
import Button from '../../button';
import React from 'react';
import ReactDOM from 'react-dom';
const defaultTrigger = React.createElement(Button, { className: "btrigger", style: { margin: '5px' } }, "default style");
const disabledTrigger = React.createElement(Button, { disabled: true, className: "btrigger", style: { margin: '5px' } }, "default style");
const primary = React.createElement(Button, { className: "btrigger", style: { margin: '5px' } }, "dark style");
const Demo = () => (React.createElement("div", { className: "container" },
    React.createElement(Balloon, { trigger: defaultTrigger, closable: true, triggerType: "click" }, "default"),
    React.createElement(Balloon, { trigger: defaultTrigger, triggerType: "click" }, "default"),
    React.createElement(Balloon, { type: "dark", trigger: primary, triggerType: "click" }, "dark"),
    React.createElement(Balloon, { type: "dark", trigger: primary, triggerType: "click", closable: true }, "dark"),
    React.createElement(Balloon, { trigger: disabledTrigger, closable: false }, "disabeled default")));
ReactDOM.render(React.createElement(Demo, null), document.getElementById('balloon-demo-3'));
