jsx import { jsx } from '@emotion/core' ; import { StaticStates } from '@workday/canvas-kit-react/common' ; import { ComponentStatesTable , permutateProps } from '@workday/canvas-kit-labs-react/common' ; import { withSnapshotsEnabled } from '../../../../../utils/storybook' ; import { deprecated_Button as DeprecatedButton } from '@workday/canvas-kit-react/button' ; import { Container , stateTableColumnProps } from './utils' ; export default withSnapshotsEnabled ( { title : 'Testing/React/Buttons/Button/Deprecated Button' , component : DeprecatedButton , } ) ; export const DeprecatedButtonStates = ( ) => ( < StaticStates > < ComponentStatesTable rowProps = { permutateProps ( { variant : [ { value : 'primary' , label : 'Primary' } , { value : 'secondary' , label : 'Secondary' } , { value : 'delete' , label : 'Deprecated' } , ] , size : [ { value : 'small' , label : 'Small' } , { value : 'medium' , label : 'Medium' } , { value : 'large' , label : 'Large' } , ] , } ) } columnProps = { stateTableColumnProps } > { props => ( < Container > < DeprecatedButton { ... props } > Test < /DeprecatedButton> < /Container>)} < /ComponentStatesTable> < /StaticStates>);