Carousel pagination with timer - Reanimated
This animated component is an autoplay carousel pagination indicator built with React Native Reanimated.
It smoothly animates between dots representing your data items, advancing automatically on a timer.
You can customize the animation duration, dot size, and handle index changes through a callback for full control over the carousel’s behavior.
The `onIndexChange` callback is triggered whenever the active index updates, allowing you to synchronize the pagination with other UI elements or actions.
**Props**
- `data`: Array of items represented as dots in the carousel.
- `initialActiveIndex`: Starting index for the active dot.
- `duration`: Duration (in milliseconds) of the autoplay animation for each transition.
- `dotSize`: Size of each pagination dot.
- `onIndexChange`: Callback invoked when the active index changes.