import ButtonBackHeader from "@/components/buttonBackHeader"
import DiscussionDivisionDetail from "@/components/division/discussionDivisionDetail"
import FileDivisionDetail from "@/components/division/fileDivisionDetail"
import FiturDivisionDetail from "@/components/division/fiturDivisionDetail"
import HeaderRightDivisionDetail from "@/components/division/headerDivisionDetail"
import TaskDivisionDetail from "@/components/division/taskDivisionDetail"
import CaraouselHome from "@/components/home/carouselHome"
import Styles from "@/constants/Styles"
import { router, Stack, useLocalSearchParams } from "expo-router"
import { SafeAreaView, ScrollView, View } from "react-native"

export default function DetailDivisionFitur() {
   const { id } = useLocalSearchParams()
   return (
      <SafeAreaView>
         <Stack.Screen
            options={{
               headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
               headerTitle: 'Judul Divisi',
               headerTitleAlign: 'center',
               headerRight: () => <HeaderRightDivisionDetail id={id} />,
            }}
         />
         <ScrollView>
            <CaraouselHome />
            <View style={[Styles.ph15, Styles.mb100]}>
               <FiturDivisionDetail />
               <TaskDivisionDetail />
               <FileDivisionDetail />
               <DiscussionDivisionDetail />
            </View>
         </ScrollView>
      </SafeAreaView>
   )
}