jsx import { jsx } from '@emotion/core' ; import { ComponentStatesTable , permutateProps } from '@workday/canvas-kit-labs-react/common' ; import { withSnapshotsEnabled , customColorTheme } from '../../../../../utils/storybook' ; import { DeleteButton } from '@workday/canvas-kit-react/button' ; import { Container , stateTableColumnProps } from './utils' ; import { PartialEmotionCanvasTheme , StaticStates } from '@workday/canvas-kit-react/common' ; export default withSnapshotsEnabled ( { title : 'Testing/React/Buttons/Button/Delete Button' , component : DeleteButton , } ) ; export const DeleteButtonStates = ( props ) => ( < StaticStates theme = { props . theme } > < ComponentStatesTable rowProps = { permutateProps ( { size : [ { value : 'small' , label : 'Small' } , { value : 'medium' , label : 'Medium' } , { value : 'large' , label : 'Large' } , ] , } ) } columnProps = { stateTableColumnProps } > { props => ( < Container > < DeleteButton { ... props } > Test < /DeleteButton> < /Container>)} < /ComponentStatesTable> < /StaticStates>); export const DeleteButtonThemedStates = ( ) => ( < DeleteButtonStates theme = { { canvas : customColorTheme } } />);