From 5328160d76f278da1754e20e0c0b08da8185c56d Mon Sep 17 00:00:00 2001
From: Vinicius Souza <dev@viniciussouza.me>
Date: Fri, 25 Oct 2024 12:04:36 -0300
Subject: [PATCH] feat: create base home header

---
 src/components/HomeHeader.tsx | 16 ++++++++++++++++
 src/screens/Home.tsx          |  5 +++--
 2 files changed, 19 insertions(+), 2 deletions(-)
 create mode 100644 src/components/HomeHeader.tsx

diff --git a/src/components/HomeHeader.tsx b/src/components/HomeHeader.tsx
new file mode 100644
index 0000000..e7c5480
--- /dev/null
+++ b/src/components/HomeHeader.tsx
@@ -0,0 +1,16 @@
+import { Heading, HStack, Text, VStack } from "@gluestack-ui/themed";
+
+export function HomeHeader() {
+  return (
+    <HStack>
+      <VStack>
+        <Text color="$gray100" fontSize="$sm">
+          Olá,
+        </Text>
+        <Heading color="$gray100" fontSize="$md">
+          John Doe
+        </Heading>
+      </VStack>
+    </HStack>
+  )
+}
diff --git a/src/screens/Home.tsx b/src/screens/Home.tsx
index 21736ea..d4b9de5 100644
--- a/src/screens/Home.tsx
+++ b/src/screens/Home.tsx
@@ -1,9 +1,10 @@
-import { Center, Text } from "@gluestack-ui/themed";
+import { HomeHeader } from "@components/HomeHeader";
+import { Center } from "@gluestack-ui/themed";
 
 export function Home() {
   return (
     <Center flex={1}>
-      <Text>Home</Text>
+      <HomeHeader />
     </Center>
   )
 }