/* eslint-disable import/no-extraneous-dependencies, import/no-unresolved, import/extensions */

import React from 'react';
import { Provider } from 'react-redux';

import { createStore, combineReducers } from 'redux';


import { storiesOf } from '@storybook/react-native';

import DirectMessage from './Channels/DirectMessage';
import Avatar from './Avatar';
import Message from './Message';

const reducers = combineReducers({ settings: () => ({}), login: () => ({ user: {} }), meteor: () => ({ connected: true }) });
const store = createStore(reducers);

storiesOf('Avatar', module).addDecorator(story => <Provider store={store}>{story()}</Provider>).add('avatar', () => Avatar);
storiesOf('Channel Cell', module).addDecorator(story => <Provider store={store}>{story()}</Provider>).add('Direct Messages', () => DirectMessage);
storiesOf('Message', module)
	.add('list', () => Message);