import React, { useRef, useImperativeHandle } from 'react';

const StripeInput = (
     { component: Component, inputRef, ...props }
) => {     const elementRef = useRef();
     useImperativeHandle(inputRef, () => ({
          focus: () => elementRef.current.focus
     }));     return (
          <Component
               onReady={element => (elementRef.current = element)}     
               {...props}
          />
     )
}
export default StripeInput