import './demo1.css';
import Box from '../../box';
import Button from '..';
import Icon from '../../icon';
import React from 'react';
import ReactDOM from 'react-dom';
ReactDOM.render(React.createElement("div", null,
    React.createElement("h3", null,
        React.createElement("strong", null, "\u4E3B\u8981\u6309\u94AE/\u6B21\u7EA7\u6309\u94AE/\u4E09\u7EA7\u6309\u94AE\uFF1A")),
    React.createElement(Box, { direction: "row", className: "demo1-btn-row", spacing: 20 },
        React.createElement("span", { className: "demo1-btn-label" }, "XL:"),
        React.createElement(Button, { type: "primary", size: "xl" }, "\u4E3B\u8981\u6309\u94AE"),
        React.createElement(Button, { type: "secondary", size: "xl" }, "\u6B21\u7EA7\u6309\u94AE"),
        React.createElement(Button, { type: "normal", size: "xl" }, "\u4E09\u7EA7\u6309\u94AE")),
    React.createElement(Box, { direction: "row", className: "demo1-btn-row", spacing: 20 },
        React.createElement("span", { className: "demo1-btn-label" }, "Large:"),
        React.createElement(Button, { type: "primary", size: "large" }, "\u4E3B\u8981\u6309\u94AE"),
        React.createElement(Button, { type: "secondary", size: "large" }, "\u6B21\u7EA7\u6309\u94AE"),
        React.createElement(Button, { type: "normal", size: "large" }, "\u4E09\u7EA7\u6309\u94AE")),
    React.createElement(Box, { direction: "row", className: "demo1-btn-row", spacing: 20 },
        React.createElement("span", { className: "demo1-btn-label" }, "Medium:"),
        React.createElement(Button, { type: "primary", size: "medium" }, "\u4E3B\u8981\u6309\u94AE"),
        React.createElement(Button, { type: "secondary", size: "medium" }, "\u6B21\u7EA7\u6309\u94AE"),
        React.createElement(Button, { type: "normal", size: "medium" }, "\u4E09\u7EA7\u6309\u94AE")),
    React.createElement(Box, { direction: "row", className: "demo1-btn-row", spacing: 20 },
        React.createElement("span", { className: "demo1-btn-label" }, "Small:"),
        React.createElement(Button, { type: "primary", size: "small" }, "\u4E3B\u8981\u6309\u94AE"),
        React.createElement(Button, { type: "secondary", size: "small" }, "\u6B21\u7EA7\u6309\u94AE"),
        React.createElement(Button, { type: "normal", size: "small" }, "\u4E09\u7EA7\u6309\u94AE")),
    React.createElement(Box, { direction: "row", className: "demo1-btn-row", spacing: 20 },
        React.createElement("span", { className: "demo1-btn-label" }, "XS:"),
        React.createElement(Button, { type: "primary", size: "xs" }, "\u4E3B\u8981\u6309\u94AE"),
        React.createElement(Button, { type: "secondary", size: "xs" }, "\u6B21\u7EA7\u6309\u94AE"),
        React.createElement(Button, { type: "normal", size: "xs" }, "\u4E09\u7EA7\u6309\u94AE")),
    React.createElement("h3", null,
        React.createElement("strong", null, "\u6587\u672C\u6309\u94AE\uFF1A")),
    React.createElement(Box, { direction: "row", className: "demo1-btn-row", spacing: 20 },
        React.createElement("span", { className: "demo1-btn-label" }, "XL:"),
        React.createElement(Button, { type: "primary", size: "xl", text: true }, "\u4E3B\u8981\u6309\u94AE"),
        React.createElement(Button, { type: "secondary", size: "xl", text: true }, "\u6B21\u7EA7\u6309\u94AE"),
        React.createElement(Button, { type: "normal", size: "xl", text: true }, "\u4E09\u7EA7\u6309\u94AE")),
    React.createElement(Box, { direction: "row", className: "demo1-btn-row", spacing: 20 },
        React.createElement("span", { className: "demo1-btn-label" }, "Large:"),
        React.createElement(Button, { type: "primary", size: "large", text: true }, "\u4E3B\u8981\u6309\u94AE"),
        React.createElement(Button, { type: "secondary", size: "large", text: true }, "\u6B21\u7EA7\u6309\u94AE"),
        React.createElement(Button, { type: "normal", size: "large", text: true }, "\u4E09\u7EA7\u6309\u94AE")),
    React.createElement(Box, { direction: "row", className: "demo1-btn-row", spacing: 20 },
        React.createElement("span", { className: "demo1-btn-label" }, "Medium:"),
        React.createElement(Button, { type: "primary", size: "medium", text: true }, "\u4E3B\u8981\u6309\u94AE"),
        React.createElement(Button, { type: "secondary", size: "medium", text: true }, "\u6B21\u7EA7\u6309\u94AE"),
        React.createElement(Button, { type: "normal", size: "medium", text: true }, "\u4E09\u7EA7\u6309\u94AE")),
    React.createElement(Box, { direction: "row", className: "demo1-btn-row", spacing: 20 },
        React.createElement("span", { className: "demo1-btn-label" }, "Small:"),
        React.createElement(Button, { type: "primary", size: "small", text: true }, "\u4E3B\u8981\u6309\u94AE"),
        React.createElement(Button, { type: "secondary", size: "small", text: true }, "\u6B21\u7EA7\u6309\u94AE"),
        React.createElement(Button, { type: "normal", size: "small", text: true }, "\u4E09\u7EA7\u6309\u94AE")),
    React.createElement(Box, { direction: "row", className: "demo1-btn-row", spacing: 20 },
        React.createElement("span", { className: "demo1-btn-label" }, "XS:"),
        React.createElement(Button, { type: "primary", size: "xs", text: true }, "\u4E3B\u8981\u6309\u94AE"),
        React.createElement(Button, { type: "secondary", size: "xs", text: true }, "\u6B21\u7EA7\u6309\u94AE"),
        React.createElement(Button, { type: "normal", size: "xs", text: true }, "\u4E09\u7EA7\u6309\u94AE")),
    React.createElement("h3", null,
        React.createElement("strong", null, "\u8B66\u544A\u6309\u94AE\uFF1A")),
    React.createElement(Box, { direction: "row", className: "demo1-btn-row", spacing: 20 },
        React.createElement("span", { className: "demo1-btn-label" }, "XL:"),
        React.createElement(Button, { type: "primary", size: "xl", warning: true }, "\u4E3B\u8981\u6309\u94AE"),
        React.createElement(Button, { type: "secondary", size: "xl", warning: true }, "\u6B21\u7EA7\u6309\u94AE"),
        React.createElement(Button, { type: "normal", size: "xl", warning: true }, "\u4E09\u7EA7\u6309\u94AE")),
    React.createElement(Box, { direction: "row", className: "demo1-btn-row", spacing: 20 },
        React.createElement("span", { className: "demo1-btn-label" }, "Large:"),
        React.createElement(Button, { type: "primary", size: "large", warning: true }, "\u4E3B\u8981\u6309\u94AE"),
        React.createElement(Button, { type: "secondary", size: "large", warning: true }, "\u6B21\u7EA7\u6309\u94AE"),
        React.createElement(Button, { type: "normal", size: "large", warning: true }, "\u4E09\u7EA7\u6309\u94AE")),
    React.createElement(Box, { direction: "row", className: "demo1-btn-row", spacing: 20 },
        React.createElement("span", { className: "demo1-btn-label" }, "Medium:"),
        React.createElement(Button, { type: "primary", size: "medium", warning: true }, "\u4E3B\u8981\u6309\u94AE"),
        React.createElement(Button, { type: "secondary", size: "medium", warning: true }, "\u6B21\u7EA7\u6309\u94AE"),
        React.createElement(Button, { type: "normal", size: "medium", warning: true }, "\u4E09\u7EA7\u6309\u94AE")),
    React.createElement(Box, { direction: "row", className: "demo1-btn-row", spacing: 20 },
        React.createElement("span", { className: "demo1-btn-label" }, "Small:"),
        React.createElement(Button, { type: "primary", size: "small", warning: true }, "\u4E3B\u8981\u6309\u94AE"),
        React.createElement(Button, { type: "secondary", size: "small", warning: true }, "\u6B21\u7EA7\u6309\u94AE"),
        React.createElement(Button, { type: "normal", size: "small", warning: true }, "\u4E09\u7EA7\u6309\u94AE")),
    React.createElement(Box, { direction: "row", className: "demo1-btn-row", spacing: 20 },
        React.createElement("span", { className: "demo1-btn-label" }, "XS:"),
        React.createElement(Button, { type: "primary", size: "xs", warning: true }, "\u4E3B\u8981\u6309\u94AE"),
        React.createElement(Button, { type: "secondary", size: "xs", warning: true }, "\u6B21\u7EA7\u6309\u94AE"),
        React.createElement(Button, { type: "normal", size: "xs", warning: true }, "\u4E09\u7EA7\u6309\u94AE")),
    React.createElement("h3", null,
        React.createElement("strong", null, "\u7981\u7528\u72B6\u6001\uFF1A")),
    React.createElement(Box, { direction: "row", className: "demo1-btn-row", spacing: 20 },
        React.createElement("span", { className: "demo1-btn-label" }, "XL:"),
        React.createElement(Button, { type: "primary", size: "xl", disabled: true }, "\u4E3B\u8981\u6309\u94AE"),
        React.createElement(Button, { type: "secondary", size: "xl", disabled: true }, "\u6B21\u7EA7\u6309\u94AE"),
        React.createElement(Button, { type: "normal", size: "xl", disabled: true }, "\u4E09\u7EA7\u6309\u94AE"),
        React.createElement(Button, { type: "primary", size: "xl", text: true, disabled: true }, "\u4E3B\u8981\u6587\u672C\u6309\u94AE"),
        React.createElement(Button, { type: "secondary", size: "xl", text: true, disabled: true }, "\u6B21\u7EA7\u6587\u672C\u6309\u94AE"),
        React.createElement(Button, { type: "normal", size: "xl", text: true, disabled: true }, "\u4E09\u7EA7\u6587\u672C\u6309\u94AE")),
    React.createElement(Box, { direction: "row", className: "demo1-btn-row", spacing: 20 },
        React.createElement("span", { className: "demo1-btn-label" }, "Large:"),
        React.createElement(Button, { type: "primary", size: "large", disabled: true }, "\u4E3B\u8981\u6309\u94AE"),
        React.createElement(Button, { type: "secondary", size: "large", disabled: true }, "\u6B21\u7EA7\u6309\u94AE"),
        React.createElement(Button, { type: "normal", size: "large", disabled: true }, "\u4E09\u7EA7\u6309\u94AE"),
        React.createElement(Button, { type: "primary", size: "large", text: true, disabled: true }, "\u4E3B\u8981\u6587\u672C\u6309\u94AE"),
        React.createElement(Button, { type: "secondary", size: "large", text: true, disabled: true }, "\u6B21\u7EA7\u6587\u672C\u6309\u94AE"),
        React.createElement(Button, { type: "normal", size: "large", text: true, disabled: true }, "\u4E09\u7EA7\u6587\u672C\u6309\u94AE")),
    React.createElement(Box, { direction: "row", className: "demo1-btn-row", spacing: 20 },
        React.createElement("span", { className: "demo1-btn-label" }, "Medium:"),
        React.createElement(Button, { type: "primary", size: "medium", disabled: true }, "\u4E3B\u8981\u6309\u94AE"),
        React.createElement(Button, { type: "secondary", size: "medium", disabled: true }, "\u6B21\u7EA7\u6309\u94AE"),
        React.createElement(Button, { type: "normal", size: "medium", disabled: true }, "\u4E09\u7EA7\u6309\u94AE"),
        React.createElement(Button, { type: "primary", size: "medium", text: true, disabled: true }, "\u4E3B\u8981\u6587\u672C\u6309\u94AE"),
        React.createElement(Button, { type: "secondary", size: "medium", text: true, disabled: true }, "\u6B21\u7EA7\u6587\u672C\u6309\u94AE"),
        React.createElement(Button, { type: "normal", size: "medium", text: true, disabled: true }, "\u4E09\u7EA7\u6587\u672C\u6309\u94AE")),
    React.createElement(Box, { direction: "row", className: "demo1-btn-row", spacing: 20 },
        React.createElement("span", { className: "demo1-btn-label" }, "Small:"),
        React.createElement(Button, { type: "primary", size: "small", disabled: true }, "\u4E3B\u8981\u6309\u94AE"),
        React.createElement(Button, { type: "secondary", size: "small", disabled: true }, "\u6B21\u7EA7\u6309\u94AE"),
        React.createElement(Button, { type: "normal", size: "small", disabled: true }, "\u4E09\u7EA7\u6309\u94AE"),
        React.createElement(Button, { type: "primary", size: "small", text: true, disabled: true }, "\u4E3B\u8981\u6587\u672C\u6309\u94AE"),
        React.createElement(Button, { type: "secondary", size: "small", text: true, disabled: true }, "\u6B21\u7EA7\u6587\u672C\u6309\u94AE"),
        React.createElement(Button, { type: "normal", size: "small", text: true, disabled: true }, "\u4E09\u7EA7\u6587\u672C\u6309\u94AE")),
    React.createElement(Box, { direction: "row", className: "demo1-btn-row", spacing: 20 },
        React.createElement("span", { className: "demo1-btn-label" }, "XS:"),
        React.createElement(Button, { type: "primary", size: "xs", disabled: true }, "\u4E3B\u8981\u6309\u94AE"),
        React.createElement(Button, { type: "secondary", size: "xs", disabled: true }, "\u6B21\u7EA7\u6309\u94AE"),
        React.createElement(Button, { type: "normal", size: "xs", disabled: true }, "\u4E09\u7EA7\u6309\u94AE"),
        React.createElement(Button, { type: "primary", size: "xs", text: true, disabled: true }, "\u4E3B\u8981\u6587\u672C\u6309\u94AE"),
        React.createElement(Button, { type: "secondary", size: "xs", text: true, disabled: true }, "\u6B21\u7EA7\u6587\u672C\u6309\u94AE"),
        React.createElement(Button, { type: "normal", size: "xs", text: true, disabled: true }, "\u4E09\u7EA7\u6587\u672C\u6309\u94AE")),
    React.createElement("h3", null,
        React.createElement("strong", null, "icon\u6309\u94AE\uFF1A")),
    React.createElement(Box, { direction: "row", className: "demo1-btn-row", spacing: 20 },
        React.createElement("span", { className: "demo1-btn-label" }, "Large:"),
        React.createElement(Button, { type: "secondary", size: "xl", icon: true },
            React.createElement(Icon, { type: "add" })),
        React.createElement(Button, { type: "normal", size: "xl", icon: true },
            React.createElement(Icon, { type: "add" })),
        React.createElement(Button, { type: "normal", size: "xl", icon: true, disabled: true },
            React.createElement(Icon, { type: "add" })))), document.getElementById('button-demo-1'));
