import { Button, StyleSheet, View } from "react-native";
import AppText from "../components/ui/AppText";
import AudioBookCard from "../components/ui/AudioBookCard";
import Card from "../components/ui/Card";
import { useAuth } from "../store/auth";
import { Colors } from "../theme/colors";

export default function HomeScreen() {
  const { signOut } = useAuth();
  return (
    <View style={styles.container}>
      <Card>
        <AppText>feafwea</AppText>
        <AppText>feafwea</AppText>
      </Card>
      <AudioBookCard
        meta="ff"
        title="fefe"
        status="READY"
        progress={0.91}
      ></AudioBookCard>
      <Button title="logout" onPress={() => signOut()}></Button>
      <AppText>fewfeaw</AppText>
      <AppText>fewfeaw</AppText>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: Colors.bg,
    alignContent: "center",
    justifyContent: "center",
    padding: 8,
  },
  row: {
    flexDirection: "row",
    gap: 12,
    justifyContent: "center",
    alignItems: "center",
  },
});