/* index.android.js */

import React, { Component } from 'react';
import {
    AppRegistry,
    StyleSheet,
    Text,
    View
} from 'react-native';
import { Container, Header, Title, Content, Footer, FooterTab, Button, Icon, Badge } from 'native-base';
import uiHeader from './src/components/Header';
import Theme from './src/themes/default';

export default class SpottedBa extends Component {
    render() {
        return (
        <Container theme={Theme}>
            <uiHeader />
            <Content>

            </Content>
            <Footer>
                <FooterTab>
                    <Button active>
                        Početna
                        <Icon name="home"  />
                    </Button>
                    <Button>
                        <Badge>3</Badge>
                        Poruke
                        <Icon name="inbox" color="#000" />
                    </Button>
                    <Button>
                        Profil
                        <Icon name="person" />
                    </Button>
                    <Button>
                        Nova objava
                        <Icon name="edit" />
                    </Button>
                    <Button>
                        Postavke
                        <Icon name="settings" />
                    </Button>
                </FooterTab>
            </Footer>
        </Container>
        );
    }
}

const styles = StyleSheet.create({
    centered: {
        textAlign: 'center'
    }
});

AppRegistry.registerComponent('SpottedBa', () => SpottedBa);

/* /src/components/Header.js */

import React from 'react';
export default class uiHeader extends React.Component {
    render() {
        return (
            <Header>
                <Button transparent>
                    <Icon name="menu" />
                </Button>
                <Title>Spotted Ba</Title>
                <Button transparent>
                    <Icon name="notifications" />
                </Button>
            </Header>
        );
    }
}