text: // @flow
  import * as React from 'react'
  import {messageExplodeDescriptions} from '../../../../constants/chat2'
  import {action, storiesOf} from '../../../../stories/storybook'
  import SetExplodingPopup from '.'
  
  const common = {
    attachTo: null,
    onHidden: action('onHidden'),
    onSelect: action('onSelect'),
    position: 'top left',
    selected: 0,
    items: messageExplodeDescriptions,
    visible: true,
  }
  
  const load = () => {
    storiesOf('Chat/Conversation/Set explode time', module)
      .add('New', () => <SetExplodingPopup {...common} isNew={true} />)
      .add('Old', () => <SetExplodingPopup {...common} isNew={false} />)
      .add('Selected', () => <SetExplodingPopup {...common} isNew={false} selected={3600 * 6} />)
  }
  
  export default load
  