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() {
  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>
  );
}