import * as React from 'react'
import { DrawerLayoutAndroid, View, Text } from 'react-native'
import { DrawerProps } from './interfaces'

export class Drawer extends React.Component<DrawerProps, {}> {

    public renderDrawer(): JSX.Element {
        return (
            <View>
                <Text>foo</Text>
            </View>
        )
    }

    public render() {
        return (
            <DrawerLayoutAndroid
                drawerWidth={300}
                drawerPosition={DrawerLayoutAndroid.positions.Left}
                drawerLockMode="locked-open"
                renderNavigationView={this.renderDrawer}>
                {this.props.children}
            </DrawerLayoutAndroid>
        )
    }

    public styles() {
        return {

        }
    }
}