From b6757bd82427847890f7086e0d287c59e8ad682d Mon Sep 17 00:00:00 2001
From: Vinicius Souza <dev@viniciussouza.me>
Date: Sat, 26 Oct 2024 15:39:33 -0300
Subject: [PATCH] feat: add exercise header with navigation

---
 src/screens/Exercise.tsx | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/screens/Exercise.tsx b/src/screens/Exercise.tsx
index 54f8f15..1b83a46 100644
--- a/src/screens/Exercise.tsx
+++ b/src/screens/Exercise.tsx
@@ -1,9 +1,22 @@
-import { Center, Text } from "@gluestack-ui/themed";
+import { Center, Icon, Text, VStack } from '@gluestack-ui/themed';
+import { useNavigation } from '@react-navigation/native';
+import { ArrowLeft } from 'lucide-react-native';
+import { TouchableOpacity } from 'react-native';
 
 export function Exercise() {
+  const navigation = useNavigation();
+
+  function handleGoBack() {
+    navigation.goBack();
+  }
+
   return (
-    <Center flex={1}>
-      <Text>Exercise</Text>
-    </Center>
-  )
+    <VStack flex={1}>
+      <VStack px="$8" bg="$gray600" pt="$12">
+        <TouchableOpacity onPress={handleGoBack}>
+          <Icon as={ArrowLeft} color="$green500" size="xl" />
+        </TouchableOpacity>
+      </VStack>
+    </VStack>
+  );
 }