import Balloon from '..';
import Button from '../../button';
import Input from '../../input';
import React from 'react';
import ReactDOM from 'react-dom';
const content = (React.createElement("div", null,
    React.createElement("p", null, "content")));
const MoveTarget = React.createElement(Button, { style: { margin: '5px' } }, "hover");
const ClickTarget = React.createElement(Button, { style: { margin: '5px' } }, "click");
const FocusTarget = React.createElement(Button, { style: { margin: '5px' } }, "focus");
const HoverInputTarget = React.createElement(Input, { placeholder: "hover", style: { marginRight: '20px' } });
const ClickInputTarget = React.createElement(Input, { placeholder: "click", style: { marginRight: '20px' } });
const FocusInputTarget = React.createElement(Input, { placeholder: "focus" });
const App = () => (React.createElement("div", null,
    React.createElement(Balloon, { trigger: MoveTarget, triggerType: "click" }, content),
    React.createElement(Balloon, { trigger: ClickTarget, triggerType: "click", closable: true }, content),
    React.createElement(Balloon, { trigger: FocusTarget, triggerType: "focus" }, content),
    React.createElement("br", null),
    React.createElement("br", null),
    React.createElement(Balloon, { trigger: HoverInputTarget, triggerType: "hover" }, content),
    React.createElement(Balloon, { trigger: ClickInputTarget, triggerType: "click" }, content),
    React.createElement(Balloon, { trigger: FocusInputTarget, triggerType: "focus" }, content)));
ReactDOM.render(React.createElement(App, null), document.getElementById('balloon-demo-6'));
