import './demo1.css';
import Nav from '..';
import React from 'react';
import ReactDOM from 'react-dom';
const { Item, SubNav } = Nav;
const header = React.createElement("span", { className: "fusion" }, "FUSION");
const footer = (React.createElement("a", { className: "login-in", href: "javascript:;" }, "Login in"));
ReactDOM.render(React.createElement("div", { style: { padding: '10px', backgroundColor: '#f3f3f3' } },
    React.createElement(Nav, { className: "basic-nav", mode: "popup", direction: "hoz", type: "normal", header: header, footer: footer, defaultSelectedKeys: ['home'], triggerType: "click" },
        React.createElement(Item, { key: "home" }, "Home"),
        React.createElement(SubNav, { label: "Component", 
            // @ts-ignore
            noIcon: true },
            React.createElement(Item, { key: "1234" }, "\b\u8FD9\u662F\u6587\u5B57"),
            React.createElement(SubNav, { label: "Next" },
                React.createElement(Item, { key: "next-design" }, "Design"),
                React.createElement(Item, { key: "next-doc" }, "Document")),
            React.createElement(SubNav, { label: "Meet" },
                React.createElement(Item, { key: "meet-design" }, "Design"),
                React.createElement(Item, { key: "meet-doc" }, "Document")),
            React.createElement(Item, { key: "meet-doc" },
                "\b",
                React.createElement("a", { href: "11111" }, "\u8FD9\u662F\u94FE\u63A5"))),
        React.createElement(Item, { key: "document" }, "Document")),
    React.createElement("br", null),
    React.createElement(Nav, { className: "basic-nav", mode: "popup", direction: "hoz", type: "primary", header: header, footer: footer, defaultSelectedKeys: ['home'], triggerType: "click" },
        React.createElement(Item, { key: "home" }, "Home"),
        React.createElement(SubNav, { label: "Component", 
            // @ts-ignore
            noIcon: true },
            React.createElement(SubNav, { label: "Next" },
                React.createElement(Item, { key: "next-design" }, "Design"),
                React.createElement(Item, { key: "next-doc" }, "Document")),
            React.createElement(SubNav, { label: "Meet" },
                React.createElement(Item, { key: "meet-design" }, "Design"),
                React.createElement(Item, { key: "meet-doc" }, "Document")),
            React.createElement(Item, { key: "meet-doc" },
                "\b",
                React.createElement("a", { href: "11111" }, "\u8FD9\u662F\u94FE\u63A5"))),
        React.createElement(Item, { key: "document" }, "Document")),
    React.createElement("br", null),
    React.createElement(Nav, { className: "basic-nav", mode: "popup", direction: "hoz", type: "secondary", header: header, footer: footer, defaultSelectedKeys: ['home'], triggerType: "click" },
        React.createElement(Item, { key: "home" },
            React.createElement("a", { href: "#" }, "Home")),
        React.createElement(SubNav, { label: "Component", 
            // @ts-ignore
            noIcon: true },
            React.createElement(SubNav, { label: "Next" },
                React.createElement(Item, { key: "next-design" },
                    React.createElement("a", { href: "#" }, "Design")),
                React.createElement(Item, { key: "next-doc" }, "Document")),
            React.createElement(SubNav, { label: "Meet" },
                React.createElement(Item, { key: "meet-design" }, "Design"),
                React.createElement(Item, { key: "meet-doc" }, "Document")),
            React.createElement(Item, { key: "meet-doc" },
                "\b",
                React.createElement("a", { href: "11111" }, "\u8FD9\u662F\u94FE\u63A5"))),
        React.createElement(Item, { key: "document" }, "Document")),
    React.createElement("br", null),
    React.createElement(Nav, { className: "basic-nav", mode: "popup", direction: "hoz", type: "line", header: header, footer: footer, defaultSelectedKeys: ['home'], triggerType: "click" },
        React.createElement(Item, { key: "home" }, "Home"),
        React.createElement(SubNav, { label: "Component", 
            // @ts-ignore
            noIcon: true },
            React.createElement(SubNav, { label: "Next" },
                React.createElement(Item, { key: "next-design" }, "Design"),
                React.createElement(Item, { key: "next-doc" }, "Document")),
            React.createElement(SubNav, { label: "Meet" },
                React.createElement(Item, { key: "meet-design" }, "Design"),
                React.createElement(Item, { key: "meet-doc" }, "Document"))),
        React.createElement(Item, { key: "document" }, "Document"))), document.getElementById('nav-demo-1'));
