import { Story , Meta } from '@storybook/react' ; import { SelectGroup , ISelectGroupProps } from './SelectGroup' ; import React from 'react' ; const Template = ( args ) => < SelectGroup { ... args } / > ; export const SelectGroupView = Template . bind ( { } ) ; SelectGroupView . args = { values : { Filter1 : '' , Filter2 : '' , Filter3 : '' } , options : [ { name : 'Filter1' , value : 'Filter1' , options : [ { value : 'chocolate' , label : 'Chocolate' } , { value : 'strawberry' , label : 'Strawberry' } , { value : 'vanilla' , label : 'Vanilla' } ] } , { name : 'Filter2' , value : 'Filter2' , options : [ { value : 'chocolate' , label : 'Chocolate' } , { value : 'strawberry' , label : 'Strawberry' } , { value : 'vanilla' , label : 'Vanilla' } ] } , { name : 'Filter3' , value : 'Filter3' , options : [ { value : 'chocolate' , label : 'Chocolate' } , { value : 'strawberry' , label : 'Strawberry' } , { value : 'vanilla' , label : 'Vanilla' } ] } ] } ; export default { title : 'Components/Interface/SelectGroup' , component : SelectGroup } as Meta ;