import React from 'react'
import { storiesOf } from '@storybook/react'
import DetailedList, { DetailedListItemPanel } from 'molecules/DetailedList'

const labelValueList = [
  {
    label: 'canada',
    value: 'eh',
  },
  {
    label: 'igloo',
    value: 'moose',
  },
  {
    label: 'canada',
    value: 'eh',
  },
  {
    label: 'igloo',
    value: 'moose',
  },
]

// Not used anywhere
/* const wording = {
  heading: 'heads will roll',
  empty: 'nun',
} */

storiesOf('molecules/DetailedList', module).add('default', () => (
  <DetailedList list={labelValueList} title="Row: Detailed List Header" />
))