import { StyleSheet, Text, View,SafeAreaView  } from 'react-native'
import React from 'react'
import MaterialIcon from 'react-native-vector-icons/MaterialIcons'
import NewscoutCenteredTitleHeader from '../components/organisms/Headers/NewscoutCenteredTitleHeader'
import { TouchableWithoutFeedback } from 'react-native-gesture-handler'
import { capitalize } from '../utils/Constants/functions'
import colors from '../theme/colors'


const CategoryPage = ({ navigation, route }) => {
    const {
        category
    } = route.params

    return (
        <SafeAreaView>
            <NewscoutCenteredTitleHeader title={capitalize(category)} backButtonShown onBackClick={() => navigation.goBack()}>

                <TouchableWithoutFeedback onPress={() => navigation.toggleDrawer()}>
                    <MaterialIcon name='list' color={colors.primaryColor} size={30} />
                </TouchableWithoutFeedback>
            </NewscoutCenteredTitleHeader>
            <Text>{capitalize(category) }</Text>
        </SafeAreaView>
    )
}

export default CategoryPage

const styles = StyleSheet.create({})