I'll create a complete React.js scanner form that shows both the UI and demonstrates what happens when you enter data and submit it.

This React.js scanner form demonstrates exactly what happens when you enter data and click submit:

What happens when you submit:

1. Input Validation: Checks if you entered any data
2. Loading State: Shows "Processing..." with a spinner
3. Data Processing: Simulates processing time (800ms)
4. Success Feedback: Shows green confirmation message
5. History Tracking: Adds your scan to the history list
6. Form Reset: Clears the input field for next scan

Key Features:

• Real-time Feedback: Visual indicators for system status
• Scan History: Keeps track of all submitted scans with timestamps
• Loading States: Shows processing animation during submission
• Success Confirmation: Green checkmark when scan is processed
• Data Persistence: Maintains scan history during the session
• Clear History: Button to reset all scanned data
• Responsive Design: Works on all screen sizes

Try it out:

1. Type anything in the input field (like "ABC123" or "Product-001")
2. Click "Process Scan"
3. Watch the loading animation
4. See your data appear in the history below
5. Try scanning multiple items to build up the history

The form provides a complete scanning workflow with professional automation-themed styling and full user feedback!

I'll create a React.js scanner form using JSX with the automation-themed design where you can enter data and submit it.

This React.js scanner form includes:

Features:

• Pure JSX - No TypeScript, just JavaScript
• Input Field - Where you can enter or scan data
• Submit Button - Processes the entered data
• Real-time Feedback - Shows what was submitted
• Loading State - Button shows "Processing..." during submission
• Validation - Prevents empty submissions
• Auto-clear - Input clears after successful submission
• Status Indicator - Shows system status

How it works:

1. Enter data in the scanner input field
2. Click "Process Scan" button
3. Form validates the input
4. Shows processing state for 1 second
5. Displays success message and submitted data
6. Clears the input for next scan

Automation Theme:

• Dark blue gradient background
• Cyan accent colors
• Monospace font for technical feel
• Professional industrial design
• Smooth animations and transitions

You can now enter any data in the input field and click submit to see it working!