import React from 'react' ; import { Story , Meta } from '@storybook/react' ; import { ListItemAction } from './ListItemAction' ; import { MinusTransparent , PlusTransparent } from '../icons' ; import { ColumnContentAlignment , IAction } from '../interface' ; export default { title : 'Components/Buttons/ListItemAction' , component : ListItemAction } as Meta ; interface IListItemActionProps { actions : IAction [ ] ; id ? : string ; expanded ? : boolean ; arrowExpansion ? : boolean ; isFullHeight ? : boolean ; onExpand ? : ( ) => void ; alignment ? : ColumnContentAlignment ; } const Template = ( args ) => ( < ListItemAction { ... args } / > ) ; export const SampleListItemAction = Template . bind ( { } ) ; SampleListItemAction . args = { actions : [ { label : 'string' , handler : ( ) => alert ( 'plus' ) , icon : ( ) => < PlusTransparent /> } , { label : 'string' , handler : ( ) => alert ( 'minus' ) , icon : ( ) => < MinusTransparent /> } ] } ;