From a486121912eda10981c0c80a307fa7fb40998d0c Mon Sep 17 00:00:00 2001
From: Prateek Chachra <prateekchachra@live.com>
Date: Tue, 26 Nov 2024 09:30:19 +0100
Subject: [PATCH] fix(component): fixed example slider to include tap events
 and error styling (#2376)

---
 example/src/components/PlaybackError.tsx | 2 ++
 example/src/components/Progress.tsx      | 1 +
 2 files changed, 3 insertions(+)

diff --git a/example/src/components/PlaybackError.tsx b/example/src/components/PlaybackError.tsx
index bad75c8dc..0d469c6a8 100644
--- a/example/src/components/PlaybackError.tsx
+++ b/example/src/components/PlaybackError.tsx
@@ -14,6 +14,8 @@ export const PlaybackError: React.FC<{
 const styles = StyleSheet.create({
   container: {
     width: '100%',
+    marginVertical: 24,
+    alignSelf: 'center'
   },
   text: {
     color: 'red',
diff --git a/example/src/components/Progress.tsx b/example/src/components/Progress.tsx
index 11d51681e..c9b190b82 100644
--- a/example/src/components/Progress.tsx
+++ b/example/src/components/Progress.tsx
@@ -17,6 +17,7 @@ export const Progress: React.FC<{ live?: boolean }> = ({ live }) => {
       ) : (
         <View>
           <Slider
+            tapToSeek
             style={{ ...styles.slider, width: progressBarWidth }}
             value={position}
             minimumValue={0}