From e874874a4c8ac485af98e04b5333e686820f03a2 Mon Sep 17 00:00:00 2001
From: Vinicius Souza <dev@viniciussouza.me>
Date: Sat, 26 Oct 2024 15:47:51 -0300
Subject: [PATCH] feat: finish exercise header

---
 src/screens/Exercise.tsx | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/screens/Exercise.tsx b/src/screens/Exercise.tsx
index 1b83a46..ee6483b 100644
--- a/src/screens/Exercise.tsx
+++ b/src/screens/Exercise.tsx
@@ -1,8 +1,10 @@
-import { Center, Icon, Text, VStack } from '@gluestack-ui/themed';
+import { Center, Heading, HStack, Icon, Text, VStack } from '@gluestack-ui/themed';
 import { useNavigation } from '@react-navigation/native';
 import { ArrowLeft } from 'lucide-react-native';
 import { TouchableOpacity } from 'react-native';
 
+import BodySvg from '@assets/body.svg';
+
 export function Exercise() {
   const navigation = useNavigation();
 
@@ -16,6 +18,19 @@ export function Exercise() {
         <TouchableOpacity onPress={handleGoBack}>
           <Icon as={ArrowLeft} color="$green500" size="xl" />
         </TouchableOpacity>
+
+        <HStack alignItems="center" justifyContent="space-between" mt="$4" mb="$8">
+          <Heading color="$gray100" fontSize="$lg" flexShrink={1}>
+            Puxada frontal
+          </Heading>
+
+          <HStack alignItems="center">
+            <BodySvg />
+            <Text color="$gray200" ml="$1" textTransform="capitalize">
+              Costas
+            </Text>
+          </HStack>
+        </HStack>
       </VStack>
     </VStack>
   );