/**
 * React Native Full App (https://store.enappd.com/product/react-native-full-app)
 *
 * Copyright © 2019-present Enappd. All rights reserved.
 *
 * This source code is licensed as per the terms found in the
 * LICENSE.md file in the root directory of this source tree.
 */

import React from 'react';
import {
    Container, Header, Button, Icon, Left,
    Text, View, Tabs, Tab, TabHeading
} from 'native-base';
import ArtboardListContainer from '../../../../components/chatter/artboard/chatsList/artboardchatListContainer';
import styles from './style';

const ArtboardListView = (props: any) => {
    const { userDetails } = props
    return (
        <Container style={styles.container}>
            <Header style={[styles.headerSection]} >
                <Left style={styles.headerLeftSection}>
                    <Button transparent onPress={props.openSideMenu}>
                        <Icon name='menu' style={styles.icon} />
                    </Button>
                </Left>
            </Header>

            <View style={styles.userDetailsSection}>
                <Text style={styles.userName}>{userDetails.name}</Text>
                <Text style={styles.userDesc}>{userDetails.description}</Text>
            </View>

            <Tabs tabBarUnderlineStyle={styles.tabBarColor} style={styles.tabsSection}>
                <Tab heading={<TabHeading style={[styles.tabStyle, styles.firstTab]} ><Icon name="person" type='Ionicons' style={styles.tabIcons} /><View style={styles.iconRedCircle} /></TabHeading>}>
                    <ArtboardListContainer />
                </Tab>

                <Tab heading={<TabHeading style={styles.tabStyle}><Icon name="people" style={styles.tabIcons} /></TabHeading>} >
                    <ArtboardListContainer />
                </Tab>
                <Tab heading={<TabHeading style={[styles.tabStyle, styles.lastTab]}><Icon name="search" style={styles.tabIcons} /></TabHeading>} >
                    <ArtboardListContainer />
                </Tab>
            </Tabs>
        </Container>

    )
}

export default ArtboardListView;
