SETUP INSTRUCTIONS
1. Add the Slide to Confirm element to your page
2. Resize it — recommended width: full page width, height: 60-70px
3. Customize in the property editor:
  - Label text: what the user sees before sliding (e.g. "Slide to place order")
  - Success label: shown after confirming (e.g. "Order placed!")
  - Track color: background of the slider track
  - Thumb color: the draggable button color
  - Success color: color shown on completion
  - Border radius: 30 for pill shape, 8 for rounded rectangle
  - Auto reset: if yes, slider resets after the reset delay (ms)

4. In your Bubble workflow:
  - Trigger: Slide to Confirm → Confirmed
  - Add your actions (place order, save data, navigate, etc.)

5. Use the Reset action to programmatically reset the slider
  - Useful after a failed payment or cancelled order

6. Use is_confirmed state as a condition anywhere in your app

⚠️ TESTING WARNING:
This plugin uses React Native's Gesture Handler and Animated libraries.
It will NOT render or work in Bubble's web preview.

Always test using:
- BubbleGo app (iOS or Android) for development
- Your published native Bubble mobile app for production

ELEMENT PLACEMENT:
Place this element last in your page elements tree to avoid any z-index conflicts with other elements.