import FilterBarButton from './FilterBarButton.vue'

export default {
  title: 'The Design system/FilterBar/FilterBarButton',
  tags: ['autodocs'],
  component: FilterBarButton,
  args: {
    label: 'Фильтр',
    onClick: () => { alert('Click') },
    counter: 3,
  },
}

const Template = (args: any) => ({
  props: Object.keys(args),
  render() {
    return (
      <div>
        <div>
          <FilterBarButton
            label={args.label}
            onClick={args.onClick}
            counter={args.counter}
          />
        </div>
      </div>
    )
  },
})

export const Primary = Template.bind({})