import Styles from "@/constants/Styles"
import { AntDesign, Ionicons } from "@expo/vector-icons"
import { Pressable, Text, View } from "react-native"
import BorderBottomItem from "../borderBottomItem"
import DrawerBottom from "../drawerBottom"

type Props = {
   open: boolean
   close: (value: boolean) => void
   category: 'copy' | 'move'
}

export default function ModalSalinMove({ open, close, category, }: Props) {
   return (
      <DrawerBottom animation="slide" isVisible={open} setVisible={close} title={category == 'copy' ? 'Pilih Lokasi Salin' : 'Pilih Lokasi Pemindahan'} height={75}>
         <View style={[Styles.rowItemsCenter, Styles.mv05]}>
            <Text> home </Text>
            <AntDesign name="right" style={[Styles.mh05, Styles.mt02]} />
            <Text> folder 1 </Text>
         </View>
         <View>
            <BorderBottomItem
               borderType="bottom"
               icon={<Ionicons name="folder-open-sharp" color={'#f9cc40'} size={30} />}
               title="Folder 1"
               titleWeight="normal"
            />
            <BorderBottomItem
               borderType="bottom"
               icon={<Ionicons name="folder-open-sharp" color={'#f9cc40'} size={30} />}
               title="Folder 2"
               titleWeight="normal"
            />
            <BorderBottomItem
               borderType="bottom"
               icon={<Ionicons name="folder-open-sharp" color={'#f9cc40'} size={30} />}
               title="Folder 3"
               titleWeight="normal"
            />
         </View>
         <View style={[Styles.rowOnly, Styles.mt15, Styles.absolute0]}>
            <Pressable style={[Styles.pv05, Styles.borderRight, { width: '50%' }]} onPress={() => { close }}>
               <Text style={[Styles.textDefaultSemiBold, { textAlign: 'center' }]}>BATAL</Text>
            </Pressable>
            <Pressable style={[Styles.pv05, { width: '50%' }]} onPress={() => { }}>
               <Text style={[Styles.textDefaultSemiBold, { textAlign: 'center' }]}>{category == 'copy' ? 'SALIN' : 'PINDAH'}</Text>
            </Pressable>
         </View>
      </DrawerBottom>
   )
}