import { Feather } from "@expo/vector-icons"
import AlertKonfirmasi from "./alertKonfirmasi"
import { ButtonHeader } from "./buttonHeader"

type Props = {
   category: 'create' | 'update' | 'cancel' | 'update-calendar'
   onPress?: () => void
   disable?: boolean
}

export default function ButtonSaveHeader({ category, onPress, disable }: Props) {
   return (
      <>
         <ButtonHeader
            item={<Feather name="check" size={20} color={disable ? "grey" : "white"} />}
            onPress={() => {
               if (!disable) {
                  AlertKonfirmasi({
                     title: 'Konfirmasi',
                     desc: category == 'create'
                        ? 'Apakah anda yakin ingin menambahkan data?'
                        : category == 'cancel'
                           ? 'Apakah anda yakin ingin membatalkan kegiatan? Pembatalan bersifat permanen'
                           : category == 'update-calendar'
                              ? 'Apakah Anda yakin ingin mengubah data acara ini? Data ini akan mempengaruhi semua data yang terkait'
                              : 'Apakah anda yakin mengubah data?',
                     onPress: () => {
                        onPress && onPress()
                     }
                  })
               }
            }

            }
         />
      </>
   )
}