import React from 'react' ; import { withRipple , InjectedProps } from '../../../packages/ripple' ; import './index.scss' ; interface DivProps extends InjectedProps < HTMLDivElement > { children : React . ReactNode ; className : string ; initRipple : ( surface : HTMLDivElement ) => void ; unbounded : boolean ; } const Div = ( { children , className = "" , initRipple , unbounded , ... otherProps } ) => { const classes = `ripple-test-component ${ className }` ; return ( < div className = { classes } ref = { initRipple } { ... otherProps } > { children } < /div>); } ; const DivRipple = withRipple < DivProps , HTMLDivElement > ( Div ) ; const RippleScreenshotTest = ( ) => { return ( < div > < DivRipple > Woof < /DivRipple> < br / > < DivRipple disabled > Disabled < /DivRipple> < br / > < DivRipple unbounded className = 'ripple-unbounded' > Unbounded < /DivRipple> < /div>); } ; export default RippleScreenshotTest ;