mfe

lite.todo/app/(tabs)/index.tsx

@@ -1,5 +1,23 @@
+import { Text } from "@/components/ui/text";
+import { VStack } from "@/components/ui/vstack";
+import { useTodos } from "@/store/useTodos";
+import { useState } from "react";
 import { SafeAreaView } from "react-native-safe-area-context";
 
 export default function ActiveTab() {
-  return <SafeAreaView className="flex-1"></SafeAreaView>;
+  const { activeTodos, leftCount, add, toggle, completeAll } = useTodos();
+  const [title, setTitle] = useState("");
+
+  const onAdd = () => {
+    add(title);
+    setTitle("");
+  };
+
+  return (
+    <SafeAreaView className="flex-1">
+      <VStack className="flex-1 p-4 gap-3">
+        <Text className="text-2xl font-bold">할일</Text>
+      </VStack>
+    </SafeAreaView>
+  );
 }