import ButtonBackHeader from "@/components/buttonBackHeader"
import HeaderRightDocument from "@/components/document/headerDocument"
import ItemFile from "@/components/document/itemFile"
import Styles from "@/constants/Styles"
import { AntDesign, Ionicons, MaterialCommunityIcons } from "@expo/vector-icons"
import { router, Stack, useLocalSearchParams } from "expo-router"
import { SafeAreaView, ScrollView, Text, View } from "react-native"

export default function DocumentDivision() {
   const { path } = useLocalSearchParams<{ path?: string }>()

   return (
      <SafeAreaView>
         <Stack.Screen
            options={{
               headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
               headerTitle: 'Dokumen Divisi',
               headerTitleAlign: 'center',
               headerRight: () => <HeaderRightDocument id={path} />
            }}
         />
         <ScrollView>
            <View style={[Styles.p15, Styles.mb100]}>
               <View style={{ flexDirection: 'row', alignItems: 'center' }}>
                  <Text> home </Text>
                  <AntDesign name="right" style={[Styles.mh05, Styles.mt02]} />
                  <Text> folder 1 </Text>
               </View>
               <View>
                  <ItemFile category="folder" title="Folder Pertama" dateTime="05-02-2025 07:54" />
                  <ItemFile category="file" title="Images.jpg" dateTime="05-11-2024 07:54" />
                  <ItemFile category="folder-shared" title="Folder shared" dateTime="05-11-2024 07:54" />
                  <ItemFile category="file-shared" title="images-shared.pdf" dateTime="05-11-2024 07:54" />
               </View>
            </View>
         </ScrollView>
      </SafeAreaView>
   )
}