import React from 'react';
import { List } from 'atoms';

const stories = [
  {
    name: 'List',
    story: () => {

      const listArr = [
        {
          text: 'Item 1',
          id: 1
        },
        {
          text: 'Item 2',
          originalPrice: '44',
          id: 2
        },
        {
          text: 'Item 3',
          originalPrice: '44',
          id: 3
        }
      ];

      const listitemRenderer = dataItem => <span key={dataItem.id}>{dataItem.text}</span>;

      return (
        <List datasource={listArr} childRenderer={listitemRenderer} />
      );
    }
  }
];

export default stories;