import React , { FunctionComponent } from 'react' ; import classnames from 'classnames' ; import { RcDialPad , RcDialPadProps } from '@ringcentral/juno' ; import RcDialerPadSounds from '@ringcentral/juno/RcDialerPadSounds.json' ; import styles from './styles.scss' ; type DialPadProps = { dataSign ? : string ; } & RcDialPadProps ; deprecated export const DialPad = ( { className , dataSign , onChange , ... rest } ) => { const handleChange = ( e ) => { return onChange && onChange ( e ) ; } ; return ( < RcDialPad data - sign = { `${ dataSign || '' }DialPad` } className = { classnames ( styles . root , className ) } onChange = { handleChange } sounds = { RcDialerPadSounds } { ... rest } />); } ;