import React from 'react';

import { SelectorFilter } from '../src';

export default {
  title: 'SelectorFilter',
  component: SelectorFilter,
};

const Template = (args) => <div style={{position:'absolute', marginLeft:'150px'}}><SelectorFilter {...args} /></div>;

export const Numeric = Template.bind({});
Numeric.args = {
  filterId: '1',
  type: 'numeric',
  handleFilterSelection: () => true,
  onFilterChange: () => true,
  selectedFilter: '1',
  filterPropertyKey: 'field'
};

export const String = Template.bind({});
String.args = {
  filterId: '1',
  type: 'string',
  handleFilterSelection: () => true,
  onFilterChange: () => true,
  selectedFilter: '1',
  filterPropertyKey: 'field',
  itemList: [
    {
      id: 0,
      name: 'test-0'
    },
    {
      id: 1,
      name: 'test-1'
    },
    {
      id: 2,
      name: 'test-2'
    },
    {
      id: 3,
      name: 'test-3'
    }
  ]
};