import { Meta , Story } from '@storybook/react' ; import { PINKeypad } from './PINKeypad' ; import React from 'react' ; interface IProps { id ? : string ; onComplete : ( pin : string ) => void ; forgotPinComponent ? : React . ReactNode ; pin ? : string ; ref ? : any ; } const Template = ( args ) => < PINKeypad { ... args } / > ; export const PINKeypadView = Template . bind ( { } ) ; PINKeypadView . args = { onComplete : ( pin ) => alert ( `The entered PIN is: ${ pin }` ) } ; export default { title : 'Components/Interface/PINKeypad' , component : PINKeypad } as Meta ;