import Styles from "@/constants/Styles"
import { AntDesign, MaterialCommunityIcons, MaterialIcons } from "@expo/vector-icons"
import React from "react"
import { Text, View } from "react-native"
import { ButtonFiturMenu } from "../buttonFiturMenu"
import { router } from "expo-router"

export default function FiturHome() {
   return (
      <View style={[Styles.mb15]}>
         <Text style={[Styles.textDefaultSemiBold, Styles.mv10]}>Fitur</Text>
         <View style={[Styles.rowSpaceBetween]}>
            <ButtonFiturMenu icon={<MaterialIcons name="group" size={35} color="black" />} text="Divisi" />
            <ButtonFiturMenu icon={<AntDesign name="areachart" size={35} color="black" />} text="Kegiatan" />
            <ButtonFiturMenu icon={<MaterialIcons name="campaign" size={35} color="black" />} text="Pengumuman" />
            <ButtonFiturMenu icon={<MaterialCommunityIcons name="view-grid" size={35} color="black" />} text="Semua" onPress={() => { router.push('/feature') }}/>
         </View>
      </View>
   )
}