import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import { Search, Form } from '@alifd/next';
import ExampleComponent from '../src';

class App extends Component {
  render() {
    return (
      <div style={{
        background: '#efefef',
        padding: '20px 50px',
        width: '100%',
        height: '100%',
      }}>
        <ExampleComponent
          menuData={{
            title: '测试标题',
            paths: [
              {
                menuName: '一级菜单名称',
                path: '#',
              },
              {
                menuName: '二级级菜单名称',
                path: '#',
              },
              {
                menuName: '三级菜单名称',
                path: '#',
              },
            ]
          }}
        >
          <Form inline>
            <Form.Item
              label="搜索"
            >
              <Search
                type="normal"
                shape="simple"
              />
            </Form.Item>
            <Form.Item
              label="搜索"
            >
              <Search
                type="normal"
                shape="simple"
                style={{width: 80}}
              />
            </Form.Item>
          </Form>
        </ExampleComponent>
      </div>
    );
  }
}

ReactDOM.render((
  <App />
), mountNode);