Hi, I understand you need a React component that takes in some props (like finger selected callback, scanning state, colors etc.), and has three states, one with no finger selected, one with a finger selected, and a scanning state. I can do this for you. I can:
1. Prep SVGs to use for the hand screen and the fingerprint scanning,
2. Setup the appropriate listeners to notify the parent element of which finger was selected
3. Create the finger selected and scanning animations and any notifications
The result would be tested on different screen widths and devices to make sure it's responsive.
I am a web developer and UX designer with years of experience and I specialize in anything frontent (HTML, CSS, Javascript), working mostly on React.js apps. If you have any questions, feel free to contact me.