import RX = require('reactxp');

const styles = {
    container: RX.Styles.createViewStyle({
        flex: 1,
        alignSelf: 'stretch',
        backgroundColor: 'green'
    }),
    drawerText: RX.Styles.createTextStyle({
        fontSize: 16,
        textAlign: 'center',
        marginTop: 12,
        color: 'black'
    })
};

export default class DrawerPanel extends RX.Component<{}, {}> {
    render() {
        return (
            <RX.View style={ styles.container }>
                <RX.Text style={ styles.drawerText }>
                    Here is a drawer
                </RX.Text>
            </RX.View>
        );
    }
}