import React from 'react';
import { Layout, Menu, Icons } from 'quanta-design';
import './index.less';

const { Header, Content, Sider } = Layout;
const { UserIcon } = Icons;

export default () => (
  <Layout>
    <Header>Header</Header>
    <Layout>
      <Sider className="fiexedLayoutDemo" collapsible>
        <Menu theme="dark">
          <Menu.Item icon={<UserIcon fill="currentColor" />}>
            主机管理
          </Menu.Item>
          <Menu.Item icon={<UserIcon fill="currentColor" />}>
            联盟链管理
          </Menu.Item>
          <Menu.Item icon={<UserIcon fill="currentColor" />}>
            联盟链监控
          </Menu.Item>
          <Menu.Item icon={<UserIcon fill="currentColor" />}>
            联盟链运维
          </Menu.Item>
        </Menu>
      </Sider>
      <Content>Content</Content>
    </Layout>
  </Layout>
);