import Drawer from '..';
import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from '../..';
class Demo extends React.Component {
    constructor() {
        super(...arguments);
        this.state = {
            visible: false,
        };
        this.onOpen = () => {
            this.setState({
                visible: true,
            });
        };
        this.onClose = (reason, e) => {
            console.log('onClose: ', reason, e);
            this.setState({
                visible: false,
            });
        };
    }
    render() {
        return (React.createElement("div", null,
            React.createElement(Button, { type: "primary", onClick: this.onOpen, 
                // @ts-ignore
                style: { marginRight: '20px' } }, " open "),
            React.createElement(Drawer, { title: "\u6807\u9898", placement: "right", footer: true, 
                // top={24}
                onOk: () => { console.log('okokk'); }, onCancel: () => { console.log('notnotnot'); }, okProps: "\u786E\u8BA4\u63D0\u4EA4\u5417", cancelProps: "\u53D6\u6D88\u8FD4\u56DE\u5417", footerAlign: "right", footerActions: ['ok', 'cancel'], visible: this.state.visible, onClose: this.onClose },
                "Start your business here by searching a popular product",
                React.createElement("div", null,
                    React.createElement("p", null, "\u5F88\u957F\u7684\u5185\u5BB9"),
                    React.createElement("p", null, "\u5F88\u957F\u7684\u5185\u5BB9"),
                    React.createElement("p", null, "\u5F88\u957F\u7684\u5185\u5BB9"),
                    React.createElement("p", null, "\u5F88\u957F\u7684\u5185\u5BB9"),
                    React.createElement("p", null, "\u5F88\u957F\u7684\u5185\u5BB9"),
                    React.createElement("p", null, "\u5F88\u957F\u7684\u5185\u5BB9"),
                    React.createElement("p", null, "\u5F88\u957F\u7684\u5185\u5BB9"),
                    React.createElement("p", null, "\u5F88\u957F\u7684\u5185\u5BB9"),
                    React.createElement("p", null, "\u5F88\u957F\u7684\u5185\u5BB9"),
                    React.createElement("p", null, "\u5F88\u957F\u7684\u5185\u5BB9"),
                    React.createElement("p", null, "\u5F88\u957F\u7684\u5185\u5BB9"),
                    React.createElement("p", null, "\u5F88\u957F\u7684\u5185\u5BB9"),
                    React.createElement("p", null, "\u5F88\u957F\u7684\u5185\u5BB9"),
                    React.createElement("p", null, "\u5F88\u957F\u7684\u5185\u5BB9"),
                    React.createElement("p", null, "\u5F88\u957F\u7684\u5185\u5BB9"),
                    React.createElement("p", null, "\u5F88\u957F\u7684\u5185\u5BB9"),
                    React.createElement("p", null, "\u5F88\u957F\u7684\u5185\u5BB9"),
                    React.createElement("p", null, "\u5F88\u957F\u7684\u5185\u5BB9"),
                    React.createElement("p", null, "\u5F88\u957F\u7684\u5185\u5BB9"),
                    React.createElement("p", null, "\u5F88\u957F\u7684\u5185\u5BB9"),
                    React.createElement("p", null, "\u5F88\u957F\u7684\u5185\u5BB9"),
                    React.createElement("p", null, "\u5F88\u957F\u7684\u5185\u5BB9"),
                    React.createElement("p", null, "\u5F88\u957F\u7684\u5185\u5BB9"),
                    React.createElement("p", null, "\u5F88\u957F\u7684\u5185\u5BB9"),
                    React.createElement("p", null, "\u5F88\u957F\u7684\u5185\u5BB9"),
                    React.createElement("p", null, "\u5F88\u957F\u7684\u5185\u5BB9"),
                    React.createElement("p", null, "\u5F88\u957F\u7684\u5185\u5BB9"),
                    React.createElement("p", null, "\u5F88\u957F\u7684\u5185\u5BB9"),
                    React.createElement("p", null, "111")))));
    }
}
ReactDOM.render(React.createElement(Demo, null), document.getElementById('drawer-demo-1'));
