import React from 'react';
import { mount } from 'enzyme';
import { expect } from 'chai';
import { describe, it, specs } from '../../storybook/facade';
import TableFilter from './index';

export default (stories) => {
	stories.add('TableFilter', () => {
		const component = (
			<div style={{ background: '#FFF' }}>
				<TableFilter
					content="Showing 11 people in the 50–74th percentile"
					onReset={() => {
						console.log('Reset table data');
					}}
				/>
			</div>
		);

		specs(() => describe('TableFilter', () => {
			const wrapper = mount(component);

			it('Should be ok', () => {
				expect(wrapper).be.ok;
			});
		}));

		return component;
	});
};
