import React, { useEffect } from "react";
import { Searchbar, Title, IconButton } from 'react-native-paper';
import { StyleSheet, SafeAreaView, ImageBackground, View } from 'react-native';
import API from "../API";
import GroupCard from "../components/GroupCard";

const NewGroup = () => {
    

    useEffect(() => {
    }, [])

    return (
        <SafeAreaView style={{ padding: 10, backgroundColor: "#edf2f7", flex:1 }}>
            <ImageBackground source={require("../assets/settings.png")} 
                style={{flex:1}} 
                imageStyle={{resizeMode:"contain", opacity: 0.05}}
            >
                <Title style={styles.title}>New Group:</Title>
            </ImageBackground>
        </SafeAreaView>
    )
}

export default NewGroup;

const styles = StyleSheet.create({
    container: {
        padding: 5,
    },
    title: {
        padding: 10,
        paddingTop:5,
        fontSize: 30,
        marginTop: 15,
        fontWeight: "bold",
        color: "#777"
    }
});