import { StepBackwardOutlined } from '@ant-design/icons';
import React from 'react';
import Navigation from './index';

// export default {
//   title: 'Navigation',
//   component: Navigation,
// };

export const 导航栏 = () => (
  <div style={{ height: 1000 }}>
    <Navigation location="/">
      <Navigation.Section items={[{ path: '/12', name: 'home' }]} />
      <Navigation.Section
        title="title"
        items={[{ path: '/12', name: 'home' }]}
        fill
        action={{
          icon: <StepBackwardOutlined />,
          onClick: () => {
            console.log('12345');
          },
        }}
      />
      <Navigation.Section items={[{ path: '/', name: 'home', selected: false }]} />
    </Navigation>
  </div>
);
