import React from 'react';
import Page from './page';
import Container from '../../grid/container/container';
import { select, text } from '@storybook/addon-knobs';
import Main from '../main/main';
import List from '../list/list';
import { LIST_TYPES__DOWNLOAD, LIST_TYPES__DROPDOWN } from '../list/listItem/listItem';

export const PageStory = () => (
  <Main>
    <Page title={text('title', Page.defaultProps.title)}
          withComeBack={select('withComeBack', [true, false], Page.defaultProps.withComeBack)}
          description={text('description', '')}
    >
      <List items={[{ title: "Название заголовка", description: 'Описание', content: 'a' }]} type={LIST_TYPES__DROPDOWN}/>
      <List items={[{ title: "Название заголовка", description: 'Описание', iconName: 'icon-24-ic-wine' }]} type={LIST_TYPES__DOWNLOAD}/>
    </Page>
  </Main>

);